.hero-content {
  background-color: var(--bg-theme);
}

@media (min-width: 960px) {
  .hero-content {
    background-color: color-mix(in srgb, var(--bg-theme) 80%, transparent);
  }
}

.hero-img {
  width: 100%;
}
.hero-img img {
  width: 100%;
  height: 100%;
  max-height: 600px;
  object-fit: cover;
  object-position: center center;
  margin: 0 auto;
}

.hero-img .field-media-lottiefile {
  width: 100%;
  height: 244px;
  object-fit: cover;
}

@media (min-width: 640px) and (max-width: 960px) {
  .hero-img .field-media-lottiefile {
    height: 488px;
  }
}

@media (min-width: 961px) {
  .hero-img .field-media-lottiefile {
    height: 600px;
  }
}

.hero-content-bd .quarantineContent p {
  font-size: clamp(1.125rem, 1.0485rem + 0.3265vw, 1.375rem);
}