How can I resize the complete overlay?

• To resize the complete overlay the easiest is to draw the overlay on a larger drawing surface then to resize it to fit the actual drawing surface. The following CSS rule is used to divide the size by 1.35 on a 1920 x 1080 display:

.overlay {
    width: 2592px;
    height: 1458px;
    transform: perspective(1000px) translateZ(-350px);
    transform-origin: left top;
}

Where:

2592 / 1920 = 1.35
1458 / 1080 = 1.35
(1000 + 350) / 1000 = 1.35