.iframe-mask-container { position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ width: 100%; max-width: 800px; margin: auto; overflow: hidden; } .bunny-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .iframe-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; /* allows user interaction with iframe */ }