apoca1ipsis

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;
  }
}

<div class="parent">
    <div class="slider"></div>
    <div class="content"></div>
</div>

.parent {
  position: relative;
}
.slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content {
  position: relative;
  z-index: 2;
}

h2:after {
    content: "";
    display: block;
    height: 200vh;
    width: 1px;
    position: absolute;
    left: 57px;
    top: 0;
    background: #f00;
}

.mcb-wrap {
overflow: hidden;
}

.container {
 display: flex;
 justify-content: space-between;
 position: relative;
padding-bottom: 48px (задать высоту .b2)
}

.b2 {
position: absolute; 
right: 0;
bottom: 0
}

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">