.accommodation-type-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .slideshow-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden; 

  }
  
  .fade-slide {
    position: absolute;
    opacity: 0;
    width: 100%;
    transition: opacity 1.5s ease-in-out;
    display: none; /* Skryje všechny slidery, dokud nejsou aktivní */
  }
  
  .fade-slide img {
    width: 100%;
    display: block;
  }
  
  .fade-slide.active {
    display: block; /* Zobrazuje aktivní slide */
    opacity: 1;
  }