.carousel-inner .carousel-item > div {
    display: none;
}
.carousel-inner .carousel-item > div:first-child {
    display: block;
}

@media (min-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: block;
    }

}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-inner .carousel-item {
  background: none !important;
  height: 475px;
  overflow: hidden;
}

.carousel-item .card-body {
  border: 2px solid rgba(0,0,0,.75);
  border-radius:  .5rem;
  height: 460px;
  position: relative;
  overflow: hidden;

}

.carousel-item .card-body h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: .1em;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}
/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
    .carousel-inner .carousel-item .card-body {
      height: 310px;
    }
}

@media (min-width: 992px) { 
  .carousel-inner .carousel-item .card-body {
    height: 410px;
  }

 }

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}