Google Map Responsive Example Code - Reference: https://www.labnol.org/internet/embed-responsive-google-maps/28333/

google-map-responsive.html

<style>
    .google-maps {
        position: relative;
        padding-bottom: 40%; /*This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
</style>

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d86087.7172005492!2d-122.25776524569858!3d47.60200019276055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1628850433159!5m2!1sen!2s" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>