Bilder

<div class="section section-type-media bg-white section-layout-slider ">
    <div class="container">
        <h2>Bilder im Slider</h2>
        <div class="slider">
            <div class="slider-slide">
                <img class="img-fluid" src="https://picsum.photos/1200/720" alt="" >
            </div>
            <div class="slider-slide">
                <img class="img-fluid" src="https://picsum.photos/1200/720" alt="" >
            </div>
            <div class="slider-slide">
                <img class="img-fluid" src="https://picsum.photos/1200/720" alt="" >
            </div>
        </div>
    </div>
</div>

<div class="section section-type-media bg-white section-layout-mosaic">
    <div class="container">
        <h2>Bilder im Mosaik Layout</h2>
        <div class="mosaic row">
            <div class="mosaic-sizer col-12 col-sm-6 col-md-4"></div>
            <div class="mosaic-item col-12 col-sm-6 col-md-8">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/800/500" alt="" >
                </figure>
            </div>
            <div class="mosaic-item col-12 col-sm-6 col-md-4">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/600/400" alt="" >
                </figure>
            </div>
            <div class="mosaic-item col-12 col-sm-6 col-md-4">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/600/400" alt="" >
                </figure>
            </div>
            <div class="mosaic-item col-12 col-sm-6 col-md-4">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/600/400" alt="" >
                </figure>
            </div>
            <div class="mosaic-item col-12 col-sm-6 col-md-4">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/600/400" alt="" >
                </figure>
            </div>
            <div class="mosaic-item col-12 col-sm-6 col-md-4">
                <figure class="figure">
                    <img class="img-max img-shadow" src="https://picsum.photos/600/400" alt="" >
                </figure>
            </div>
        </div>
    </div>
</div>