<div style="background-color: #0d575c;width:100%;margin-left: auto;margin-right: auto;color: aliceblue; "
    class="section p-5">

    <h1 style="color: white;" class="title is-2 py-3 has-text-centered">
        Fast Video
    </h1>

    <div class="owl-carousel2 owl-theme">

        {% if fastMovie  %}
        {% for movie in fastMovie  %}
        <div class="item">
            <iframe style="display: block;width: 50%;height: 400px;margin-left: auto;margin-right: auto;" width="640"
                height="640" src="{{movie.link}}">
            </iframe>
            <h1 style="color: white;" class="subtitle is-4 py-3 has-text-centered">
                {{movie.title}}
            </h1>
        </div>
        {% endfor %}
        {% endif %}


    </div>

</div>

<script type="text/javascript">

    $(document).ready(function () {
        $('.owl-carousel2').owlCarousel({
            loop: true,
            margin: 10,
            nav: true,
            items: 1,
            responsive: {
                0: {
                    items: 1,
                    loop: true
                },
                600: {
                    items: 1,
                    loop: true
                },
                1000: {
                    items: 1,
                    loop: true
                }
            }
        })
    });
</script>