.category-featured .featured-category:has(.category-image-art) {
  background:
    radial-gradient(circle at 86% 48%, rgba(200, 162, 74, 0.05), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
}

.featured-category-art.category-image-art {
  top: 53%;
  right: 4%;
  bottom: auto;
  left: auto;
  box-sizing: border-box;
  width: 38%;
  height: 70%;
  padding: 0;
  transform: translateY(-50%);
  opacity: 0.82;
  overflow: visible;
}

.featured-category-art.category-image-art img {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  filter: none;
}

.featured-category-art.category-image-art.hair-image-art {
  width: 43%;
  height: 76%;
}

.featured-category-art.category-image-art.lash-image-art {
  top: 47%;
  right: 4%;
  width: 42%;
  height: 50%;
  opacity: 0.8;
}

@media (max-width: 980px) {
  .featured-category-art.category-image-art {
    top: 53%;
    right: 4%;
    width: 38%;
    height: 62%;
  }

  .featured-category-art.category-image-art.lash-image-art {
    top: 47%;
    width: 41%;
    height: 42%;
  }

  .featured-category-art.category-image-art.hair-image-art {
    width: 42%;
    height: 68%;
  }
}

@media (max-width: 720px) {
  .category-featured .featured-category:has(.category-image-art) {
    background:
      radial-gradient(circle at 88% 54%, rgba(200, 162, 74, 0.045), transparent 30%),
      #ffffff;
  }

  .featured-category-art.category-image-art {
    top: 55%;
    right: 5%;
    width: 33%;
    height: 45%;
    opacity: 0.46;
  }

  .featured-category-art.category-image-art.lash-image-art {
    top: 46%;
    right: 5%;
    width: 36%;
    height: 34%;
    opacity: 0.48;
  }

  .featured-category-art.category-image-art.hair-image-art {
    width: 37%;
    height: 52%;
  }
}