.rfo-stack {
    position: relative;
    width: 100%;
    max-width: 373px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
  }
  
  .rfo-svg-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 373 205' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='354.893' y='205' width='336.786' height='162' rx='10' transform='rotate(-180 354.893 205)' fill='%23D5D5D5' fill-opacity='0.3'/><rect x='362.136' y='193' width='351.272' height='170' rx='10' transform='rotate(-180 362.136 193)' fill='%23D5D5D5' fill-opacity='0.3'/><rect x='373' y='180' width='373' height='180' rx='10' transform='rotate(-180 373 180)' fill='%23D5D5D5' fill-opacity='0.3'/></svg>") no-repeat center / 100% 100%;
  }
  
  .rfo-stack-img {
    position: relative;
    z-index: 2;
    height: 210px;
    overflow: hidden;
    border-radius: 10px;
  }
  
  .rfo-stack-img picture,
  .rfo-stack-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  @media (max-width: 480px) {
    .rfo-stack {
      height: 340px;
    }
    .rfo-stack-img {
      height: 250px;
    }
  }
  
