.iframe-responsive {
        width: 100%;
        min-height: 500px;
        border: 0;
        overflow: hidden;
    }
    /* This will set styles for devices with width up to 768px (typical breakpoint for tablets) */
    @media (max-width: 600px) {
        .iframe-responsive {
            max-width: 320px;
        }
    }