.home-carousel {
    background: url('../img/oblako_banner.jpg') 50% 0 no-repeat;
    background-size: cover;
}

@media (max-width: 992px) {
  .home-carousel {
      background-size: contain;
      background-position: 0 0;
      max-height: 326px;
  }
}

@media (max-width: 700px) {
  .home-carousel {
    max-height: 296px;
  }
}

@media (max-width: 580px) {
  .home-carousel {
    max-height: 240px;
  }
}

@media (max-width: 500px) {
  .home-carousel {
    max-height: 204px;
  }
}

@media (max-width: 400px) {
  .home-carousel {
    max-height: 160px;
  }
}

@media (max-width: 357px) {
  .home-carousel {
    max-height: 141px;
  }
}