<?xml version="1.0"?>
<t name="Image Gallery" t-name="website.s_image_gallery">
    <section class="s_image_gallery o_slideshow s_image_gallery_show_indicators s_image_gallery_indicators_rounded pt24" data-vcss="001" data-columns="3" style="height: 500px; overflow: hidden;">
        <div class="container">
            <div id="slideshow_sample" class="carousel slide" data-bs-ride="carousel" data-bs-interval="0" style="margin: 0 12px;">
                <div class="carousel-inner" style="padding: 0;">
                    <div class="carousel-item active">
                        <img class="img img-fluid d-block" src="/web/image/website.library_image_08" data-name="Image" data-index="0"/>
                    </div>
                    <div class="carousel-item">
                        <img class="img img-fluid d-block" src="/web/image/website.library_image_03" data-name="Image" data-index="1"/>
                    </div>
                    <div class="carousel-item">
                        <img class="img img-fluid d-block" src="/web/image/website.library_image_02" data-name="Image" data-index="2"/>
                    </div>
                </div>
                <ul class="carousel-indicators">
                    <li class="o_indicators_left text-center d-none" aria-label="Previous" title="Previous">
                        <i class="fa fa-chevron-left"/>
                    </li>
                    <li data-bs-target="#slideshow_sample" data-bs-slide-to="0" style="background-image: url(/web/image/website.library_image_08)" class="active"/>
                    <li data-bs-target="#slideshow_sample" data-bs-slide-to="1" style="background-image: url(/web/image/website.library_image_03)"/>
                    <li data-bs-target="#slideshow_sample" data-bs-slide-to="2" style="background-image: url(/web/image/website.library_image_02)"/>
                    <li class="o_indicators_right text-center d-none" aria-label="Next" title="Next">
                        <i class="fa fa-chevron-right"/>
                    </li>
                </ul>
                <a class="carousel-control-prev o_we_no_overlay o_not_editable" href="#slideshow_sample" data-bs-slide="prev" aria-label="Previous" title="Previous">
                    <span class="fa fa-chevron-left fa-2x text-white"/>
                    <span class="visually-hidden">Previous</span>
                </a>
                <a class="carousel-control-next o_we_no_overlay o_not_editable" href="#slideshow_sample" data-bs-slide="next" aria-label="Next" title="Next">
                    <span class="fa fa-chevron-right fa-2x text-white"/>
                    <span class="visually-hidden">Next</span>
                </a>
            </div>
        </div>
    </section>
</t>

