html {
    box-sizing: border-box;
    font-size: 100%;
}

body {
    margin: 0;
    padding: 20px;
}

.input{
    position: relative;
}

.imageDiv{
    position: relative;
    margin-top: 60px;
}

.filledImage{
    width: 600px;
    position: absolute;
    clip-path: inset(0 50% 0 0);
    /* clip-path: polygon(0 0, 47% 0, 47% 100%, 0% 100%); */
    /* https://bennettfeely.com/clippy/ is so helpful */
}

.grayImage{
    width: 600px;
    filter: grayscale(1);
    position: absolute;
}