.carousel-container {
    position: relative;
    width: 100%;
    height: 70vh; /* Képernyő magasságának egyharmada */
    overflow: hidden;
    z-index: -1;
  }
  
  .carousel-slide {
    display: flex;
    height: 100%;
    position: relative; /* Módosítva */
  }
  
  .carousel-item {
    display: none; /* Alapból nem látszódik */
    position: absolute; /* Az elemek egymásra fognak kerülni */
    width: 100%;
    height: 100%;
    transition: opacity 1s ease-in-out; /* Sima áttűnés */
    opacity: 0; /* Kezdetben átlátszó */
  }
  
  .carousel-item.active {
    display: block; /* Aktív elem megjelenítése */
    opacity: 1; /* Teljesen láthatóvá válik */
  }
  
  
  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* A kép kitölti a rendelkezésre álló helyet anélkül, hogy torzulna */
  }
  
  .carousel-text {
    position: absolute;
    bottom: 20px; /* Vagy bárhol, ahol szeretnéd a szöveget */
    left: 20px;
    color: white;
    font-size: 20px; /* Állítsd be a kívánt méretre */
    background-color: rgba(0, 0, 0, 0.5); /* Háttér átlátszósággal a jobb láthatóságért */
    padding: 10px;
  }
  
  #prevBtn, #nextBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 30px;
  }
  
  #prevBtn {
    left: 10px;
  }
  
  #nextBtn {
    right: 10px;
  }
  .bannersor {
    padding: 40px 0px 0px 0px;
  }