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,
}
}
});
@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;
}
.container {
display: flex;
justify-content: space-between;
position: relative;
padding-bottom: 48px (задать высоту .b2)
}
.b2 {
position: absolute;
right: 0;
bottom: 0
}
div.withbuttons {
position: fixed;
left: 0;
top: calc(100vh-60px);
z-index: 100;
}
60px - поменять на ваше значение, сколько вам нужно от низа браузера отступить.
<ol>
<li><span>EVERY DAY, MORE THAN 1,000 JORNEYS</span></li>
<li><span>MORE THAN 240 MISSIONS</span></li>
<li><span>29 SORTING AND DISTRIBUTION CENTERS</span></li>
<li><span>MORE THAN 1 THOUSAND EMPLOYEES</span></li>
</ol>
.about .about-items.delivery-solutions ol li span {
position: relative;
padding-left: 12px;
}
.about .about-items.delivery-solutions ol li span::before {
content: "";
display: block;
width: 5px;
height: 5px;
background: #f00;
position: absolute;
left: 0;
bottom: 0;
}