.resp-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

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

.resp-columns {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.fixed-iframe {
    position: relative;
    width: 45vh;
    height: 25vh;
}

/* Adjust spacing between widgets */
.notification {
    margin-bottom: 1rem;
}

/* Media Queries for Mobile Devices */
@media (max-width: 768px) {
    .resp-container {
        padding-bottom: 75%; /* Adjust aspect ratio for smaller screens */
    }

    .notification {
        margin-bottom: 0.5rem;
    }
}

/* Media Queries for Very Small Screens */
@media (max-width: 480px) {
    .resp-container {
        padding-bottom: 100%; /* Square aspect ratio for narrow screens */
    }
}