.gif-video-section {
    position: relative;
    width: 100%;
    background: #000000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gif-video-container {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vimeo-wrapper {
    width: 100%;
    display: none; /* Inicijalno sakriveno, palimo kroz media queries */
}

/* Aspect Ratio: obezbeđuje da kontejner uvek ima tačne proporcije videa */
.vimeo-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
}

/* Desktop video odnos 16:9 (9 podeljeno sa 16 = 0.5625) */
.desktop-ratio {
    padding-top: 56.25%; 
}

/* Mobile video odnos 4:5 (5 podeljeno sa 4 = 1.25) */
.mobile-ratio {
    padding-top: 125%; 
}

/* Pozicioniranje iframe-a */
.vimeo-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: top; /* Sprečava mikro-prostor ispod iframe-a */
    display: block;
    pointer-events: none; /* Korisnik ne može da pauzira "background" video */
}


@media (min-width: 1025px) {
    .gif-video-section {
        height: 100vh;
        min-height: 600px;
    }
    .gif-video-container {
        height: 100%;
    }
    .desktop-video {
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .gif-video-section {
        height: auto;      /* Dozvoljavamo sekciji da se "skupi" oko videa */
        min-height: unset; /* Brišemo fiksni minimum koji je pravio rupu */
    }
    .gif-video-container {
        height: auto;
    }
    .desktop-video {
        display: block;
    }
}

@media (max-width: 768px) {
    .gif-video-section {
        height: auto;
        min-height: unset;
    }
    .gif-video-container {
        height: auto;
    }
    .mobile-video {
        display: block;
    }
}