.loader_pixels-wrap {
  flex-flow: wrap;
  grid-template-columns: repeat(8, 1fr);
  place-content: center;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

@media screen and (max-width: 767px) {
  .loader_pixels-wrap {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 479px) {
  .loader_pixels-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}

.loader_txt {
  animation: blinkOpacity 1.2s ease-in-out infinite;
  /* tu peux ajuster la durée selon l’intensité souhaitée */
}

@keyframes blinkOpacity {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}