body {
    width: 100%;
    height: 100vh;
    background-color: #000;
    background-image: radial-gradient(
            circle at top right,
            rgba(121, 68, 154, 0.13),
            transparent
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(41, 196, 255, 0.13),
            transparent
        );
}

canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.dork {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    pointer-events: none; /* Allow events to pass through to canvas */
}

.dork img {
    max-width: 80%;
    max-height: 80vh;
    height: auto;
    width: auto;
    max-height: 800px;
    object-fit: contain;
    transition: transform 2s;
    pointer-events: none; /* Allow events to pass through to canvas */
}