1.7.1 - Media cover responsive embedded video
Source: atoms/_media-and-bg-cover.scss, line 118
Can be used with videos as well
Example:
<div style="max-width: 500px"> <!-- Just for kss -->
<div class="aspect-ratio-container is-silver">
<div class="aspect-ratio-content">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/aILlVYUSwPg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<div style="max-width: 500px; margin-top: 1rem"> <!-- Just for kss -->
<div class="aspect-ratio-container is-1x1">
<div class="aspect-ratio-content">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/aILlVYUSwPg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>