.botCarousel{
  display:inline-block;
  padding: 3px 15px;
  border-radius: 2rem;
  width: auto;
  background-color:#fff;
  color: #ded4c4;
  margin: 15px auto 0px auto;
  line-height: 1.2em;
  font-size: 13px;
}
.img2{
  position: absolute;
  top: 0;
  left: 0;
}
.card .img2{
  transition: opacity 3.9s;
  -webkit-transition: opacity 3.9s; 
  opacity: 1;
}
.card.newImg .img2{
  transition: opacity 3.9s;
  -webkit-transition: opacity 3.9s; 
  opacity: 0;
}
.caja{
  background-color: #efe8df;
  padding: 25px 0;
}

.carousel-inner{
    margin: 0 auto !important;
    width: 85% !important;
}

.carousel-control-next, .carousel-control-prev{
  width: 8% !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 4rem !important;
  height: 4rem !important;
}
.bg-transparent{
  /*background-color: red !important;*/
}
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

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

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}