body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    font-family: sans-serif;
}

.Section_top {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-image: url(images/image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    justify-content: center;
    animation: change 30s infinite ease-in-out;
}

.content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
}

    .content h1 {
        color: #fff;
        font-size: 60px;
        letter-spacing: 15px;
    }

        .content h1 span {
            color: #111;
        }

    .content a {
        background: #85c1ee;
        padding: 10px 24px;
        text-decoration: none;
        font-size: 18px;
        border-radius: 20px;
    }

        .content a:hover {
            background: #034e88;
            color: #fff;
        }

@keyframes change {
    0% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/84a8d749-a264-4cd4-b093-bb9bab779c00/public);
    }

    20% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/1dec4cad-fc75-42d2-a52e-b8d02774b700/public);
    }

    40% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/a381303e-71dc-4578-9387-10ed182b5b00/public);
    }

    60% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/d49e39b0-03e6-48c0-e353-524caeb09f00/public);
    }

    80% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/8595ffa2-2fff-4d95-aac2-b14ede8e5e00/public);
    }

    100% {
        background-image: url(https://imagedelivery.net/YgdHji3U_DKK7sQde9Xm2g/84a8d749-a264-4cd4-b093-bb9bab779c00/public);
    }
}