/*
 * Le premier visuel est placé sur l'article lui-même, pas sur un calque placé
 * derrière lui. Safari comme les navigateurs desktop conservent ainsi le fond
 * sur toute la hauteur de la diapositive.
 */
.showcase-v2__slide--intro {
  background:
    linear-gradient(90deg, rgba(3, 15, 10, .88) 0%, rgba(3, 15, 10, .54) 39%, rgba(3, 15, 10, .08) 72%),
    url('/static/showcase-workshop.webp') 68% center / cover no-repeat;
}

.showcase-v2__slide--intro::before {
  display: none;
}

@media (max-width: 640px) {
  .showcase-v2__slide--intro {
    background:
      linear-gradient(180deg, rgba(3, 15, 10, .72) 0%, rgba(3, 15, 10, .72) 42%, rgba(3, 15, 10, .9) 100%),
      url('/static/showcase-workshop.webp') 68% center / cover no-repeat;
  }
}