.hero-widget {
  position: relative;
  overflow: hidden;
  margin-top: -40%;
  z-index: 2;
}

.hero-widget-info {
  padding: 25px;
  background: var(--light-teal);
}

@media (min-width: 900px) {
  .hero-widget {
    margin-top: 40px;
  }

  .hero-widget-info {
    padding: 40px;
  }
}

.hero-image-banner {
  height: 400px;
  position: relative;
}

.hero-image-banner:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(transparent 50%, var(--bg));
}

.hero-image-banner,
.hero-widget-image {
  background-image: url(https://rpff1ve7smxonhzm.public.blob.vercel-storage.com/properties/north-mullett-paradise/745aa8b7-684c-4ec2-8127-899b85c93ae5-Qh82fbcc4NU09HxzSbfd3C4XZ5KT7G.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 900px) {
  .meet-your-host-info {
    padding-right: 40px;
  }
}

.more-about-jessica-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  white-space: nowrap;
  filter: hue-rotate(-60deg);
  webkit-filter: hue-rotate(-60deg);
}

.jessica-photo {
  display: block;
  transition: 0.3s ease all;
}

.jessica-photo:hover {
  -webkit-filter: hue-rotate(60deg);
  filter: hue-rotate(60deg);
}

.jessica-photo:hover .more-about-jessica-btn {
  transform: scale(1.01) translate(-50%, -50%);
  opacity: 1;
}

.management-services-widget {
  border-radius: 25px;
  background-color: var(--bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%23dad1e0' fill-opacity='0.2'%3E%3Cpath d='M12 0h18v6h6v6h6v18h-6v6h-6v6H12v-6H6v-6H0V12h6V6h6V0zm12 6h-6v6h-6v6H6v6h6v6h6v6h6v-6h6v-6h6v-6h-6v-6h-6V6zm-6 12h6v6h-6v-6zm24 24h6v6h-6v-6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 900px) {
  .management-services-widget {
    padding: 40px;
  }
}