<?xml version="1.0"?>
<t name="Blogs Preview Data" t-name="website_blog.s_dynamic_snippet_blog_posts_preview_data">
        <div class="s_dialog_preview row my-4">
            <div class="col-12 col-sm-6 col-lg-4">
                <div class="s_blog_posts_post position-relative w-100">
                    <a class="s_blog_posts_post_cover position-relative d-block h-100 rounded shadow-sm overflow-hidden text-decoration-none text-reset ratio ratio-1x1" href="#">
                        <div class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc w-100 bg-600 position-absolute">
                            <div class="o_record_cover_component o_record_cover_image " style="background-image: url('/website_blog/static/src/img/blog_previews/blog_1.jpg');"/>
                            <div class="s_blog_post_big_picture_infos position-absolute top-0 start-0 w-100 h-100">
                                <div class="s_blog_posts_post_cover_header d-flex flex-column justify-content-end w-100">
                                    <h3 class="s_blog_post_big_picture_title m-0 px-4 text-white">Sierra Tarahumara</h3>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-4">
                <div class="s_blog_posts_post position-relative w-100">
                    <a class="s_blog_posts_post_cover position-relative d-block h-100 rounded shadow-sm overflow-hidden text-decoration-none text-reset ratio ratio-1x1" href="#">
                        <div class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc w-100 bg-600 position-absolute">
                            <div class="o_record_cover_component o_record_cover_image " style="background-image: url('/website_blog/static/src/img/blog_previews/blog_2.jpg');"/>
                            <div class="o_record_cover_component o_record_cover_filter oe_black" style="opacity: 0.4;"/>
                            <div class="s_blog_post_big_picture_infos position-absolute top-0 start-0 w-100 h-100">
                                <div class="s_blog_posts_post_cover_header d-flex flex-column justify-content-end w-100">
                                    <h3 class="s_blog_post_big_picture_title m-0 px-4 text-white">How to choose the right hotel</h3>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-4">
                <div class="s_blog_posts_post position-relative w-100">
                    <a class="s_blog_posts_post_cover position-relative d-block h-100 rounded shadow-sm overflow-hidden text-decoration-none text-reset ratio ratio-1x1" href="#">
                        <div class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc w-100 bg-600 position-absolute">
                            <div class="o_record_cover_component o_record_cover_image " style="background-image: url('/website_blog/static/src/img/blog_previews/blog_3.jpg');"/>
                            <div class="o_record_cover_component o_record_cover_filter oe_black" style="opacity: 0.4;"/>
                            <div class="s_blog_post_big_picture_infos position-absolute top-0 start-0 w-100 h-100">
                                <div class="s_blog_posts_post_cover_header d-flex flex-column justify-content-end w-100">
                                    <h3 class="s_blog_post_big_picture_title m-0 px-4 text-white">Maui helicopter tours</h3>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </t>
