body  {
    margin: 0;
    background: #000;
}
.entiere {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
    position: absolute;
}
.trou {
    --width: 100px;
    --height: 100px;
    --top: calc( var(--y, 0% ) - var(--height) / 2);
    --left: calc( var(--x, 0% ) - var(--width) / 2);
    clip-path: ellipse(var(--width) var(--height) at var(--left) var(--top));
}

selector { cursor: none; }




#container {
    overflow: hidden;
    position: fixed;
    /* center content: */
    display: grid;
    place-content: center;
    /* offset from body by 50px */
    inset: 0px;
    margin: 0;
  }
  
  #content {
    position: absolute;
    user-select: none;
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: transform;
  }