html {
    height: 100vh;
}

body {
    /* background: #000; */
    height: 500vh;
}

canvas {
    position: fixed;
    left: 50%;
    top: 50%;
    max-height: 100vh;
    max-width: 100vw;
    transform: translate(-50%, -50%);
}

/* img {
    object-fit: cover;
    width: 50px;
    height: 100px;
 } */

 img {
    max-width: 100%;
    max-height: 100%;
}

/* .projectbox-hover:hover + .projectbox-img{
    /* background-color: rgba(255, 255, 255, 0.1); */
    /* background-image: none;
} */

.rgba-projectbox, .rgba-projectbox:after {
    background-color: rgba(39, 39, 39, 0.75) !important;
}

.rgba-projectbox-hover, .rgba-projectbox-hover:after {
    background-color: rgba(0, 99, 82, 0.8) !important;
}

.projectbox {
    max-width: 450px;
    min-width: 350px;
}