<!--
    Component informations:
    - id: IG
    - name: Images Grid
    - picture dimensions: (container width / number of items) px
-->
<div class="component-IG">
    <a class="component-IG-item" href="#">
        <picture class="component-IG-item-picture">
            <source media="(min-width: 1025px)" srcset="img/components/IG/picture.png">
            <source media="(min-width: 481px)" srcset="img/components/IG/picture.png">
            <source media="(max-width: 480px)" srcset="img/components/IG/picture.png">
            <img src="img/components/IG/picture.png" alt="">
        </picture>
    </a>
    <a class="component-IG-item" href="#">
        <picture class="component-IG-item-picture">
            <source media="(min-width: 1025px)" srcset="img/components/IG/picture.png">
            <source media="(min-width: 481px)" srcset="img/components/IG/picture.png">
            <source media="(max-width: 480px)" srcset="img/components/IG/picture.png">
            <img src="img/components/IG/picture.png" alt="">
        </picture>
    </a>
    <a class="component-IG-item" href="#">
        <picture class="component-IG-item-picture">
            <source media="(min-width: 1025px)" srcset="img/components/IG/picture.png">
            <source media="(min-width: 481px)" srcset="img/components/IG/picture.png">
            <source media="(max-width: 480px)" srcset="img/components/IG/picture.png">
            <img src="img/components/IG/picture.png" alt="">
        </picture>
    </a>
</div>