.hero {
  @apply py-2;

  @screen md {
    @apply py-8;
  }
}

.hero--image {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    var(--image-url);

  @apply relative bg-cover bg-no-repeat bg-center text-white;
}