Responsive Video

<!-- start iframe video section -->
<iframe class="w-100 height-300" src="https://www.youtube.com/embed/mZb_gat5YCY" allow="encrypted-media" allowfullscreen></iframe>
<!-- end iframe video section -->
                    

<div class="height-300">
    <div class="story-video bg-img cover-background h-100" data-overlay-dark="0" data-background="img/bg/bg-03.jpg">
        <div class="opacity-extra-medium bg-black"></div>
        <div class="inner-border"></div>
        <div class="text-center position-absolute top-50 start-50 translate-middle z-index-1">
            <a class="video video_btn" href="https://www.youtube.com/watch?v=3ctoSEQsY54">
                                            <i class="fa fa-play"></i>
                                        </a>
        </div>
    </div>
</div>