<h1 class="title"><?= __('Videos') ?></h1>

<div class="videos">
    <?php foreach ($videos as $index => $video): ?>
        <?php if ($index > 0): ?>
            <hr>
        <?php endif ?>
        <div class="video">
            <h2><?= $video['title'] ?></h2>
            <div class="video-description margin-bottom">
                <?= $video['description'] ?>
            </div>

            <iframe width="555" height="315" src="<?= $video['url'] ?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    <?php endforeach ?>
</div>