body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #c9ffe2;
    background:
        linear-gradient(90deg, rgba(201, 255, 226, 1) 50%,
            rgba(255, 245, 158, 1) 100%);
}

/* Styles for the tilt block */
#tilt {
    display: block;
    height: 200px;
    width: 300px;
    background-color: grey;
    margin: 0 auto;
    border-radius: 12px;
    transition: box-shadow 0.1s, transform 0.1s;
    background-image: url(images/image.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#tilt:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}