/* ARC LAYERED BACKGROUND EFFECT */
.arc-layered-image-card {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.arc-layered-image-card::before,
.arc-layered-image-card::after {
  content: "";
  position: absolute;
  border-radius: 28px;
  pointer-events: none;
  z-index: -1;
}

.arc-layered-image-card::before {
  background: #dbe7ea;
  inset: -18px 24px 42px -18px;
  transform: rotate(3deg);
}

.arc-layered-image-card::after {
  background: #f1d9a0;
  inset: 42px -24px -18px 34px;
  transform: rotate(-3deg);
}

@media (max-width: 767px) {
  .arc-layered-image-card::before {
    inset: -14px 18px 34px -12px;
  }

  .arc-layered-image-card::after {
    inset: 34px -14px -14px 24px;
  }
}