Hello, I'm having issues with video sizing for my website. I am using the embed block to add a YouTube video to my site but when I size it for the desktop and then go to the mobile version the video is much wider than the screen. Below is the embed code I;m using for the video block. One of the main reason I want to embed the video is so that I can control the "recommend" videos that YouTube suggest after the video has played.
<div><iframe width="1060" height="640" src="https://www.youtube.com/embed/D_tXgBEb-KE?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
How can I correct the sizing so it works both for desktop and mobile?