body {
    margin: 0;
    font-family: 'PT Serif', serif;
}

.pic {
    background-image: url('/image/background.jpg');
    background-color: #cccccc;
    height: -webkit-fill-available;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

.left-overlap {
    text-align: center;
    position: absolute;
    height: 100%;
    width: 25%;
    background-color: #fff8f1;
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
}

.left-overlap > div {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    font-size: 2.5em;
    width: fit-content;
    color: #333;
}