/***** Always True *****/
@media only screen {
    .pin {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        box-shadow: var(--box-shadow-default);
    }

    .drawing-container {
        width: 85%;
    }

    .drawing {
        width: 23px;
        display: flex;
        justify-content: center;
    }

    .drawing > img {
        /* height: 100%; */
        box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .gallery {
        width: 16%;
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 600px;
        justify-content: space-around;
    }
}