<!DOCTYPE html> <html lang="en"> <head> <style> .container { position: relative; overflow: hidden; width: 100%; padding-top:100%; /*padding-top: 56%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } </style> </head> <body> <div class="container"> <iframe class="responsive-iframe" src="https://omnibus-space-weather.hf.space" frameborder="0" ></iframe> </div> </body> </html>