.video-embed-article-container {
    position: relative;
    margin: 20px auto;
    max-width: 100%;
    overflow: hidden;
}

.video-embed-article-container iframe {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
}

/* Responsywność dla starych przeglądarek */
.video-embed-article-container {
    height: 0;
    padding-bottom: 56.25%; /* Domyślne 16:9 */
}

.video-embed-article-container[style*="aspect-ratio: 4:3"] {
    padding-bottom: 75%;
}

.video-embed-article-container[style*="aspect-ratio: 21:9"] {
    padding-bottom: 42.86%;
}

.video-embed-article-container[style*="aspect-ratio: 1:1"] {
    padding-bottom: 100%;
}

/* Nowe przeglądarki z obsługą aspect-ratio */
@supports (aspect-ratio: 16/9) {
    .video-embed-article-container {
        height: auto;
        padding-bottom: 0;
        aspect-ratio: 16/9;
    }
    
    .video-embed-article-container[style*="aspect-ratio: 4:3"] {
        aspect-ratio: 4/3;
    }
    
    .video-embed-article-container[style*="aspect-ratio: 21:9"] {
        aspect-ratio: 21/9;
    }
    
    .video-embed-article-container[style*="aspect-ratio: 1:1"] {
        aspect-ratio: 1/1;
    }
}