.infinite-carousel {
  width: 100%;
  height: 400px;
  display: block;
  position: relative;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 40px;
}

.carousel-block {
  width: auto;
  height: 400px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  margin: 13px 0px 13px 0px;
}

.carousel-wrapper {
  position: relative;
  left: 50%;
  overflow: hidden; 
  transform: translateX(-50%);
}

.carousel-items {
  width: 10000px;
  position: relative;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
}


.diapo1{
  background: url(../images/canap-1.webp) center/cover no-repeat;
}

.diapo2{
  background: url(../images/chaise1.webp) center/cover no-repeat;
}

.diapo3{
  background: url(../images/chaise2.webp) center/cover no-repeat;
}

.diapo4{
  background: url(../images/bloc1.webp) center/cover no-repeat;
}

.diapo5{
  background: url(../images/bloc2.webp) center/cover no-repeat;
}