.text-wrapper,
.text-wrapper-reverse {
  display: flex;
  justify-content: flex-start;
  background-color: #191919;
  overflow: hidden;
}

.text-wrapper h1,
.text-wrapper-reverse h1 {
  font-size: 64px;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 4rem;
  letter-spacing: 1px;
  word-spacing: 128px;
  font-family: "trajan-pro-3", serif;
  font-weight: 600;
}

.text-wrapper h1 {
  animation: move-rtl 22500ms linear infinite;
  color: white;
}

.text-wrapper-reverse h1 {
  animation: move-ltr 30000ms linear infinite;
  color: white;
  opacity: 0.3;
}

.first-letter {
  color: #E95A00;
}

@keyframes move-rtl {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes move-ltr {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@media (max-width: 768px) {

  .text-wrapper h1,
  .text-wrapper-reverse h1 {
    font-size: 48px;
    padding: 0 2rem;
    word-spacing: 80px;
  }
}

/* Pour les téléphones mobiles */
@media (max-width: 780px) {

  .text-wrapper h1,
  .text-wrapper-reverse h1 {
    font-size: 32px;
    padding: 0 1rem;
    word-spacing: 40px;
    letter-spacing: 0.5px;
  }
}