.food-slider {
width: 100%;
margin-top: 20px;
}
.food-card {
position: relative;
overflow: hidden;
}
.food-card img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* TEXT BOTTOM CENTER */
.overlay- {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 18px;
letter-spacing: 1px;
padding: 6px 14px;
border-radius: 20px;
background: #65482E;
white-space: nowrap;
}
.swiper-slide {
height: 220px;
}
.view-more-btn {
text-align: center;
padding: 6px 16px;
display: block;
margin: 1rem auto 0;
width: fit-content;
border-radius: 20px;
border: 2px solid;
color: rgb(101, 72, 46);
text-decoration: none;
}
const foodSwiper = new Swiper('.food-slider', {
slidesPerView: 5,
spaceBetween: 12,
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false
},
speed: 800,
breakpoints: {
0: { slidesPerView: 1 },
480: { slidesPerView: 2 },
768: { slidesPerView: 3 },
1024: { slidesPerView: 4 }
}
});