.media {
    position: relative;
    text-align: right;
    padding-bottom: 3rem;
  }
  
  .video__container video {
    width: 90%;
    transform: translateX(30%);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    border-radius: 10px; /* optionnel, pour arrondir les bords */
  }
  
  .media__name {
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 2px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    margin-top: -25px;
    transition: 0.4s ease-in-out 0.4s;
    position: relative;
    width: 100%;
  }
  
  .media:hover .video__container video {
    transform: translateX(0%);
  }
  
  .media:hover .media__name {
    color: #fff;
  }