[SOLVED] responsive

In classic tempate, the video from vimeo and youtube are not responsive:
topteam-news.com/prova
how to do?
Thank you
example code iframe:

<div class="video-responsive">
<div align="center">
<iframe width="853" height="480" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
1111111 andreamaria
<div class="video-responsive">
<div align="center">
<iframe width="853" height="480" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

First step:
Add this code to your css/custom.css

/* Video Iframe
========================================================================== */
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
margin:20px 0;
}

Second step
Now add your video frame like this

<div class="video-responsive">
<iframe width="853" height="480" src="

" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</div>

Problem solved.