<style>

.video_box {
    width: 100%;
    margin: 5px 0 10px;
    position: relative;
    padding: 0;
    aspect-ratio: 16/9;
    height: auto;
    overflow: hidden;
}
.video_box iframe, .video_box object, .video_box embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 600px) {
.video_box {
    aspect-ratio: 4/3;
}
}

</style>

<div class="video_box">
<iframe width="560" height="315" src="https://www.youtube.com/embed/HjBI6MJxdMs?si=Z7vGU6PUlWB6ntP3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</style>