Multiple Image Signpost

<div class="multiple-image-signpost">
    <div class="multiple-image-signpost__title-logo">
        <img src="/assets/images/england-badge.svg" alt="" />
    </div>
    <h2 class="heading-section ">Follow the Pride of England</h2>
    <div class="multiple-image-signpost__players">
        <a class="image-signpost">
            <div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
                <picture>
                    <source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-1.png">
                    <source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-1.png">
                    <img src="/assets/example-content/image-singpost-1.png" alt="">
                </picture>
            </div>
            <div class="image-signpost__title">MENS SENIOR</div>
        </a>
        <a class="image-signpost">
            <div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
                <picture>
                    <source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-2.png">
                    <source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-2.png">
                    <img src="/assets/example-content/image-singpost-2.png" alt="">
                </picture>
            </div>
            <div class="image-signpost__title">WOMENS SENIOR</div>
        </a>
        <a class="image-signpost">
            <div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
                <picture>
                    <source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-3.png">
                    <source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-3.png">
                    <img src="/assets/example-content/image-singpost-3.png" alt="">
                </picture>
            </div>
            <div class="image-signpost__title">PARA</div>
        </a>
        <a class="image-signpost">
            <div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
                <picture>
                    <source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-4.png">
                    <source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-4.png">
                    <img src="/assets/example-content/image-singpost-4.png" alt="">
                </picture>
            </div>
            <div class="image-signpost__title">Youth</div>
        </a>
        <a class="image-signpost">
            <div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
                <picture>
                    <source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-5.png">
                    <source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-5.png">
                    <img src="/assets/example-content/image-singpost-5.png" alt="">
                </picture>
            </div>
            <div class="image-signpost__title">E-LIONS</div>
        </a>
    </div>
</div>