canvas {
    height: calc(11vh - -54px) !important;
    width: calc(23vw - 153px) !important;
    left: 3rem;
    position: relative;
}

/* Medium screens: tablets and small laptops */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    canvas {
        height: calc(14vh - -54px) !important;
        width: calc(33vw - 153px) !important;
        left: 3rem !important;
    }
}

/* Mobile-specific styles */
@media screen and (max-width: 768px) {
    canvas {
        width: 48vw !important;
        left: 2.5rem !important;
        height: 20vh !important;
    }
}