JSFiddle - React, Tailwind, and code Playground

HTML

<div class="map__overlay"></div>

CSS

.map__overlay {
    height: 250px;
    background-color: #000;
    position: relative;

    margin-top: 200px;
}

.map__overlay:before,
.map__overlay:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 50%;
    height: 100px;
}

.map__overlay:before {
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBvbHlsaW5lIHBvaW50cz0iMjAgMjAgMCAyMCAwIDAgIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}

.map__overlay:after {
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBvbHlsaW5lIHBvaW50cz0iMjAgMCAyMCAyMCAwIDIwICIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}