.hero {
  @apply grid w-full place-items-center bg-cover bg-center;
  & > * {
    @apply col-start-1 row-start-1;
  }
  &-overlay {
    @apply col-start-1 row-start-1 h-full w-full;
  }
  &-content {
    @apply z-0 flex items-center justify-center;
  }
}
