.hero-screens-raster {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 3rem) 0;
}

.hero-screens-raster picture {
  display: block;
  width: min(100%, 760px);
}

.hero-screens-raster-img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 639px) {
  .hero-screens-raster {
    padding: 1.5rem 0 1.25rem;
  }

  .hero-screens-raster picture {
    width: min(100%, 390px);
  }

  .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .bg-blobs,
  .blob-blue,
  .blob-purple {
    display: none;
  }
}