.container .carousel {
  height: 600px; 
  border-radius: 3px; 
  margin-top: 50px;
  background: #EEE;
}

.container .carousel img {
  width: 100%;
  height: 600px;
  display: block;
}

@media screen and ( max-width: 1155px ) {
  .container .carousel {
    height: 550px; 
    border-radius: 20px; 
    margin-top: 50px;
    background: #EEE;
  }
}

@media screen and ( max-width: 1115px ) {
  .container .carousel {
    height: 500px; 
    border-radius: 15px; 
    margin-top: 50px;
    background: #EEE;
  }
}
@media screen and ( max-width: 990px ) {
  .container .carousel {
    height: 450px; 
    border-radius: 15px; 
    margin-top: 50px;
    background: #EEE;
  }
}
@media screen and ( max-width: 770px ) {
  .container .carousel {
    height: 300px; 
    border-radius: 15px; 
    margin-top: 50px;
    background: #EEE;
  }
}


@media screen and ( max-width: 510px ) {
  .container .carousel {
    height: 230px; 
    border-radius: 15px; 
    margin-top: 50px;
    background: #EEE;
  }
}