.carousel {
    width: 100%;      
    position: relative;
  }
  .carousel__container {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    grid-template-rows: auto;
    white-space: nowrap;
    margin: 70px 0px;
    overflow: hidden; 
    padding-top: 10px; 
    padding-bottom: 10px; 
  }
  .carousel__item {   
    /*width: 100px;
    height: 150px;*/
   /* border-radius: 5px;*/
    overflow: hidden;   
   /* margin-right: 5px;*/
    display: inline-block;
    cursor: pointer;
    transition: 450ms all;
    transform-origin: center left;
  } 
  .carousel-item__img {
    width: auto;
    object-fit: cover;
  }
  #ingles {
    background-color: #c5cae9;
  }
  #ingles:hover {
    background-color: #85392f;
  }
  #guerra {
    background-color: #9fa8da;
  }
  #guerra:hover {
    background-color: #85392f;
  }
  #musica {
    background-color: #7986cb;
  }
  #musica:hover {
    background-color: #85392f;
  }
  #danza {
    background-color: #5c6bc0;
  }
  #danza:hover {
    background-color: #85392f;
  }
  #lab {
    background-color: #7986cb;
  }
  #lab:hover {
    background-color: #85392f;
  }
  #arte {
    background-color: #9fa8da;
  }
  #arte:hover {
    background-color: #85392f;
  }
  #atletismo {
    background-color: #c5cae9;
  }
  #atletismo:hover {
    background-color: #85392f;
  }
   #basquet {
    background-color: #9fa8da;
  }
  #basquet:hover {
    background-color: #85392f;
  }
  #soft {
    background-color: #7986cb;
  }
  #soft:hover {
    background-color: #85392f;
  }
  #mi-vida {
    background-color: #5c6bc0;
  }
  #mi-vida:hover {
    background-color: #85392f;
  }
  #letras {
    background-color: #7986cb;
  }
  #letras:hover {
    background-color: #85392f;
  }
  #vocacional {
    background-color: #9fa8da;
  }
  #vocacional:hover {
    background-color: #85392f;
  }
  #tecnologias {
    background-color: #c5cae9;
  }
  #tecnologias:hover {
    background-color: #85392f;
  }
  @media (max-width: 1200px) {       
    .carousel__item:hover ~ .carousel__item {
    transform: translate3d(0px, 0, 0);
    }
    .carousel__item { 
    border-radius: 0px;  
  }
  .carousel__container:hover .carousel__item:hover {
    transform: scale(1);
    opacity: 1;
  }
}