.carousel {
  position: relative;
  width: 100%;
  aspect-ratio: 1.4 / 1; /* Zachová požadovaný poměr stran */
  overflow: hidden;
}

.carousel-images {
  position: relative;
  width: 100%;
  height: 100%;
}

.carousel-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;      /* <<< obrázek přes celou šířku */
  height: 100%;     /* <<< výška podle rodiče (.carousel) */
  object-fit: cover; /* <<< výřez obrázku tak, aby vyplnil prostor */
  opacity: 0;
  z-index: 0;
  transition: opacity 2s ease-in-out;
  border-radius: 10px; /* volitelné, pro zaoblení rohů */
}

.carousel-images img.active {
  opacity: 1;
  z-index: 1;
}