.hero-logo-visual {
  position: absolute;
  inset: -14px -35px 42px -20px;
  display: grid;
  place-items: center;
  pointer-events: none;
  z-index: -1;
}

.hero-logo-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: .62;
}

.hero-visual .next-event {
  z-index: 2;
}

html.theme-light .hero-logo-visual {
  opacity: .72;
  filter: saturate(.7) contrast(.9);
}

@media (max-width: 600px) {
  .hero-logo-visual {
    inset: -5px 2px 58px;
  }
}