/* CORTINAS */
.curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/assets/images/curtain.jpg') center/cover no-repeat; 
  left: 0;
  z-index: 90;
  transition: transform 2s ease;
}

.left {
  clip-path: inset(0 50% 0 0);
}

.right {
  clip-path: inset(0 0 0 50%);
}

.open .left {
  transform: translateX(-100%);
}

.open .right {
  transform: translateX(100%);
}