// IFRAME WRAPPER 1
<div class="iframe-wrapper--1">
<iframe src="" title="" frameborder="0"></iframe>
</div>
// IFRAME WRAPPER 2
<div class="iframe-wrapper--2">
<iframe src="" title="" frameborder="0"></iframe>
</div>
.iframe-wrapper--1 {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.iframe-wrapper--2 {
aspect-ratio: 16/10;
overflow-y: auto;
}
.iframe-wrapper--2 iframe {
width: 100%;
height: 100%;
}
.iframe-wrapper {
&--1 {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
&--2 {
aspect-ratio: 16/10;
overflow-y: auto;
iframe {
width: 100%;
height: 100%;
}
}
}
