.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 100%; 
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    /* Adjustments for smaller screens */
    .iframe-container {
        padding-top: 150%; 
    }