.elementor-widget-map-featured-image-bg {

    /*meda_type img */
    & .map-featured-image-bg.img-bg {
        width: 100%;
        position: relative;
        /* Mobile height by default */
        height: calc(var(--desktop-height) - 155px);
        border-radius: var(--border-radius);
        overflow: hidden;

    }
    @media screen and (max-width: 767px) {
        & .map-featured-image-bg.img-bg {
            height: var(--mobile-height);
        }
    }

    /*media_type video*/
    & .map-featured-image-bg.video-bg {
        width: 100%;
        position: relative;
        /* Mobile height by default */
        border-radius: var(--border-radius, 12px);
        overflow: hidden;
        height: auto;

        /* YouTube and Vimeo container styling */
        & .map-youtube-container,
        & .map-vimeo-container {
            width: 100%;
            position: relative;
            aspect-ratio: 16 / 9; /* or whatever you want */
            overflow: hidden;
            border-radius: 12px;

            /* Video element styling */
            .map-featured-video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
            }
        }
    }


}



/* Desktop height for screens 768px and above */
/*@media (min-width: 768px) {*/
/*    .map-featured-image-bg {*/
/*        height: var(--desktop-height, 100vh);*/
/*    }*/
/*}*/