/* Decorative page margins only. Never part of an image canvas or product panel. */
body::before,body::after{
  content:"";position:fixed;top:100px;bottom:0;
  width:clamp(16px,calc((100vw - 1248px)/2 - 16px),210px);
  background:url("./forest-edge.svg") left bottom / 200px min(800px,85vh) no-repeat;
  mask-image:linear-gradient(to right,#000 72%,transparent);
  pointer-events:none;z-index:-1;
}
body{isolation:isolate}
body::before{left:0}
body::after{right:0;transform:scaleX(-1);background-size:180px min(710px,80vh);opacity:.8}
@media(max-width:760px){
  body::before,body::after{width:14px;top:84px;background-size:84px 420px;opacity:.65}
  body::after{background-size:76px 350px}
}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{
  body::before,body::after{display:none}
}