Me costó un poco entender o de la virgulilla pero aquí les dejo un poco comentado con las funciones. <code> /* cuando x tenga este estado...

Me costó un poco entender o de la virgulilla pero aquí les dejo un poco comentado con las funciones.

 /* cuando x tenga este estado ,(~) todos dentro del elemento harán esto */
  .carrusel__item:hover  ~ .carrusel__item{
      /* Los mueve hacia la derecha, el elemento actual */
      transform: translate3d(100px,0,0);

  }
    /* cuando x tenga este estado ,elemento especifico hará esto */
  .carrusel__container:hover  .carrusel__item{
    opacity: 0.3;

  }
    /* cuando x tenga este estado ,elemento especifico junto con el evento :tal, hará esto */

  .carrusel__container:hover .carrusel__item:hover{
      transform: scale(1.5);
      opacity: 01;

  }```