apoca1ipsis

<label>
      <input type="radio" name="radios">
      <span class="custom-radio" style="--radio-color: rgba(255, 255, 255, 1)"></span>
    </label>

div[style*="border: 2px solid rgba(26, 115, 232)"] {
border: none!important;
}

const swiper = new Swiper('#swiper', {
    effect: 'coverflow',
    loop: false,
    centeredSlides: true,
    slidesPerView: 3.4,
    spaceBetween: 0,
    coverflowEffect: {
                rotate: 0,
                stretch: 0,
                depth: 275,
                modifier: 1,
                slideShadows : false,
            }      
    }
});

<div class="images">
        <img src="https://via.placeholder.com/468x160" alt="">
        <img src="https://via.placeholder.com/468x260" alt="">
        <img src="https://via.placeholder.com/468x60" alt="">
        <img src="https://via.placeholder.com/468x160" alt="">
        <img src="https://via.placeholder.com/468x360" alt="">
        <img src="https://via.placeholder.com/468x560" alt="">
        <img src="https://via.placeholder.com/468x460" alt="">
        <img src="https://via.placeholder.com/468x60" alt="">
        <img src="https://via.placeholder.com/468x460" alt="">
        <img src="https://via.placeholder.com/468x260" alt="">
</div>

    <style>
        .images {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 20px;
        }
        .images img {
            display: block;
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            object-position: center;
        }
    </style>

@media(max-width: 730px) {
  .footer__container {
    display: flex;
    flex-direction: column;
  }
  .footer__menu {
    order: 1;
  }
  .footer__contacts {
    order: 2;
  }
  .footer__copyright {
    order: 3;
  }
}