Footer Contact: Payment

<div class="footer-contact">
    <div class="footer-contact__container">
        <div class="footer-navigation__container--sizing">
            <div class="footer-contact__contact-container--1">
                <span class="footer-contact__title">Zahlungsmethoden</span>
                <ul class="footer-contact__list--flex-wrap">
                    <li class="footer-contact__list-item--inline">

                        <a class="footer-contact__list-item-link--image" href="#">
                            <div class="image ">
                                <picture>
                                    <img src="/example-assets/images/footer-contact/invoice-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="invoice" srcset="/example-assets/images/footer-contact/invoice-logo.png 1x, /example-assets/images/footer-contact/invoice-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </div>

                        </a>

                    </li>
                    <li class="footer-contact__list-item--inline">

                        <a class="footer-contact__list-item-link--image" href="#">
                            <div class="image ">
                                <picture>
                                    <img src="/example-assets/images/footer-contact/master-card-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="master-card" srcset="/example-assets/images/footer-contact/master-card-logo.png 1x, /example-assets/images/footer-contact/master-card-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </div>

                        </a>

                    </li>
                    <li class="footer-contact__list-item--inline">

                        <a class="footer-contact__list-item-link--image" href="#">
                            <div class="image ">
                                <picture>
                                    <img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </div>

                        </a>

                    </li>
                    <li class="footer-contact__list-item--inline">

                        <a class="footer-contact__list-item-link--image" href="#">
                            <div class="image ">
                                <picture>
                                    <img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </div>

                        </a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>