body{
    font-family: 'Roboto', sans-serif;
    color: red;
}

.image-container{
    display: grid;
    place-items: center;
    width: 100%;
    height: 100vh;
    position: relative;
}

#current_image {
    width: 800px;
    height: 800px;
    object-fit: cover;
}
.quote-container {
    position: absolute;
    bottom: 200px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 80%;
    pointer-events: none;
    text-shadow:
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;
}

/*
.quote-container {
    position: absolute;
    top: 60%;
    left: 20vw;
    text-align: center;
    max-width: 80%;
    pointer-events: none;
}*/