Example of image gallery

example.html

<section class="images">
    <a href="/image/a">
        <picture>
            <source srcset="/thumbnail/a.webp" type="image/webp"/>
            <source srcset="/thumbnail/a.jpg" type="image/jpeg"/>
            <img alt="" src="/thumbnail/a.jpg"/>
        </picture>
    </a>
    <a href="/image/b">
        <picture>
            <source srcset="/thumbnail/b.webp" type="image/webp"/>
            <source srcset="/thumbnail/b.jpg" type="image/jpeg"/>
            <img alt="" src="/thumbnail/b.jpg"/>
        </picture>
    </a>
    <a href="/image/c">
        <picture>
            <source srcset="/thumbnail/c.webp" type="image/webp"/>
            <source srcset="/thumbnail/c.jpg" type="image/jpeg"/>
            <img alt="" src="/thumbnail/c.jpg"/>
        </picture>
    </a>
    <a href="/image/d">
        <picture>
            <source srcset="/thumbnail/d.webp" type="image/webp"/>
            <source srcset="/thumbnail/d.jpg" type="image/jpeg"/>
            <img alt="" src="/thumbnail/d.jpg"/>
        </picture>
    </a>
    <a href="/image/e">
        <picture>
            <source srcset="/thumbnail/e.webp" type="image/webp"/>
            <source srcset="/thumbnail/e.jpg" type="image/jpeg"/>
            <img alt="" src="/thumbnail/e.jpg"/>
        </picture>
    </a>
</section>