body {
    margin: 8px;
    padding: 0;
    background-color: rgb(60, 60, 60);
    color: white;
    background: #111;
}

#c {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: black;
    margin: 0 auto;
    width: 1278px;
    height: 720px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;

}

#retrobuffer {
    background-color: rgba(0,0,0,0);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 1278px;
    height: 720px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

#mosaic, #mosaicFlipped {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: overlay;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

#mosaicFlipped {
    display:none;
}