.text-container { padding: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #eaeff3; }

#carousel-example .carousel-inner .item { transition: opacity 1s; }

#carousel-example .carousel-inner .item .img-wrapper { height: 240px; overflow: hidden; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

#carousel-example .carousel-inner .item .img-wrapper img { height: 240px; object-fit: cover; object-position: center; width: 100%; }

.carousel-control { width: 5%; opacity: 1; font-size: 3rem; text-shadow: none; background-image: none !important; background-repeat: no-repeat !important; }

.carousel-control.left { left: -5%; }

.carousel-control.left i { position: absolute; top: 50%; left: 15%; z-index: 5; display: inline-block; color: #000000; }

.carousel-control.right { right: -5%; }

.carousel-control.right i { position: absolute; top: 50%; right: 15%; z-index: 5; display: inline-block; color: #000000; }

@media (max-width: 767px) { #carousel-example .carousel-inner .item .img-wrapper { height: auto; margin-bottom: 15px; }
  #carousel-example .carousel-inner .item .img-wrapper img { transform: none; position: static; width: 100%; }
  #carousel-example .carousel-inner .item .carousel-caption { height: auto; }
  .carousel-control { display: none; } }