@layer components {
  .footer-art-detail { position: relative; }
  .ws-footer-art .footer-detail-photo { display: none; }
  @supports (mask-image: url('')) or (-webkit-mask-image: url('')) {
    .ws-footer-art .footer-detail-photo {
      position: absolute;
      display: block;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      -webkit-mask-image: url('../assets/images/websimple/footer-transparent.webp');
      mask-image: url('../assets/images/websimple/footer-transparent.webp');
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  }
}