body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(0, 0, 0);
    animation: colorFade 7s ease-in-out forwards;
}

div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 900px;
}

img {
  width: 100%;
}

@keyframes colorFade {
    from { background-color: #ffffff; }
    to { background-color: #000000; }
}