@@ -254,13 +254,18 @@ <h4 class="center-text" data-aos="fade-up" data-aos-duration="800" data-aos-dela
254254
255255< section id ="demo-vid "data-aos ="fade-up "data-aos-duration ="800 "data-aos-offset ="300 ">
256256< div class ="container flex center-content ">
257- < div >
258- < h2 > Watch a demo of the features and benefits:</ h2 >
259-
260- < iframe width ="1280 "height ="720 "src ="https://www.youtube.com/embed/un1BrrV57PA "frameborder ="0 "
261- allow ="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture "
262- allowfullscreen > </ iframe >
263- </ div >
257+ < div >
258+ < h2 > Watch a demo of the features and benefits:</ h2 >
259+ <!-- https://stackoverflow.com/a/20130011/2482744 -->
260+ < div style ="position: relative; padding-top: 56.25% ">
261+ < iframe style ="position: absolute; top: 0; left: 0; width: 100%; height: 100%; "
262+ src ="https://www.youtube.com/embed/un1BrrV57PA "
263+ frameborder ="0 "
264+ allow ="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture "
265+ allowfullscreen
266+ > </ iframe >
267+ </ div >
268+ </ div >
264269</ div >
265270</ section >
266271