.with-shadow::after {
    content: "";
    position: absolute;
    inset: 0;

    background: url("../icons/mdi/map-marker-a72518317dff7067ff34e338dd8d0488.svg") no-repeat center / contain;

    /* shadow look */
    filter: blur(2px) brightness(0);
    opacity: 0.3;

    /* rotate and squash */
    transform: rotate(30deg) scale(1, 1.6) translate(4px, -8px);
    transform-origin: center;

    z-index: 1;
}

.with-crosshair::after {
        background: url("../icons/uil/crosshair-f7488867d3d1ac39e3c8bcc5a33488ae.svg") no-repeat center / contain;
}