.champoux-page .champoux-opening{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#12191e;
}
.champoux-page .champoux-opening::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  width:min(48%,560px);
  background:url("assets/modestechampoux-fond-transparent.png") right bottom / auto 100% no-repeat;
  opacity:.8;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 27%);
}
.champoux-page .champoux-opening>.wrap{position:relative}
@media(max-width:700px){
  .champoux-page .champoux-opening::before{
    width:62%;
    opacity:.34;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 48%);
  }
}