/* Version générale (PC + tablettes) avec tailles réduites */
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    url('/image/font-soldes-4.png'), url('/image/font-soldes-1.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-3.png'),
    url('/image/font-soldes-4.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-4.png'), url('/image/font-soldes-1.png'),
    url('/image/font-soldes-3.png'), url('/image/font-soldes-4.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-3.png'),
    url('/image/font-soldes-4.png'), url('/image/font-soldes-1.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-3.png'),
    url('/image/font-soldes-1.png'), url('/image/font-soldes-4.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-3.png');

  background-position:
    3% 5%, 18% 20%, 32% 8%, 12% 42%, 28% 58%, 5% 75%, 18% 92%, 40% 15%,
    48% 35%, 42% 55%, 60% 8%, 70% 25%, 55% 45%, 75% 60%, 62% 80%, 85% 12%,
    88% 35%, 82% 68%, 95% 85%, 78% 95%;

  background-size:
    120px, 150px, 110px, 140px, 130px, 125px, 135px, 115px, 145px, 100px,
    140px, 120px, 145px, 110px, 130px, 100px, 135px, 125px, 115px, 120px;

  background-repeat: no-repeat;

}
@media screen and (max-width: 768px) {
  body::after {
    background-image:
      url('/image/font-soldes-4.png'), url('/image/font-soldes-1.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-3.png'),
      url('/image/font-soldes-4.png'), url('/image/font-soldes-2.png'), url('/image/font-soldes-1.png'), url('/image/font-soldes-3.png'),
      url('/image/font-soldes-4.png'), url('/image/font-soldes-2.png');

    background-position:
      5% 8%, 20% 25%, 35% 10%, 10% 50%, 25% 65%,
      8% 80%, 50% 30%, 70% 60%, 85% 40%, 90% 85%;

    background-size:
      80px, 95px, 90px, 100px, 110px, 85px, 105px, 95px, 100px, 85px;
  }
}