.hero-media {
  inset: 0 0 0 38%;
  background:
    radial-gradient(circle at 62% 42%, rgba(77,227,255,.15), transparent 22%),
    radial-gradient(circle at 75% 52%, rgba(79,124,255,.24), transparent 34%),
    url('assets/logo-needtech.svg') 68% 48% / min(720px, 62vw) auto no-repeat,
    linear-gradient(145deg,#09101b,#05070c 72%);
  filter: none;
  opacity: .62;
  transform: none;
}

.showcase-image {
  background:
    radial-gradient(circle at 55% 42%, rgba(79,124,255,.22), transparent 36%),
    linear-gradient(145deg,#0b1019,#05070c);
}
.showcase-image::before {
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
}
.showcase-image .showcase-brand-art {
  inset: 0;
  width:100%;
  height:100%;
  padding:70px 44px 110px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.52));
  opacity:.97;
  z-index:1;
}

@media (max-width:760px){
  .hero-media{
    inset:0;
    background:
      radial-gradient(circle at 70% 24%, rgba(79,124,255,.22), transparent 30%),
      url('assets/logo-needtech.svg') 58% 20% / 88vw auto no-repeat,
      linear-gradient(180deg,#080d16,#05070c);
    opacity:.26;
  }
  .showcase-image .showcase-brand-art{padding:42px 18px 92px;}
}