hero.pcss

.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;
  /* &:before {
    @apply absolute block top-0 left-0 bottom-0 right-0 pointer-events-none;
    content: "";
    background: rgba(0, 0, 0, 0.3);
  } */
}