.containers {
    position: relative;
    width: 300px;
    /* margin: 100px auto 0 auto; */
    /* perspective: 1000px; */
  } 
  
  .carousels {
    position: absolute;
    /* width: 80%;
    height: 80%; */
    transform-style: preserve-3d; 
    
    animation: rotate360 260s infinite forwards linear;
  }
  .carousel__face { 
    position: absolute;
    width: 300px;
    height: 110px;
    left: 10px;
    right: 10px;
    background-size: cover;
    box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
    display: flex;
  }
  
  span p{
    margin: auto;
    font-size: 1rem;
    color:rgb(243, 13, 13);
    padding-left: 20px;
    background-color: white;
    padding-bottom: 10px;
    
  
  }
  h6{
    margin: auto;
    font-size: 1rem;
    color:white;
    padding-left: 10px;
  }
  img .c{
    z-index: 1;
  }

  @keyframes rotate360 {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(-360deg);
    }
  }