.top_banner {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    animation-name: image;
    animation-delay: 0.3s;
    animation-duration: 50s;
    animation-timing-function: cubic-bezier(0.14, -0.2, 0, 1.84);
    animation-iteration-count: infinite;
}
.top_banner__empty_space {
    height: 75vh;
    margin-top: 60px;
}

@keyframes image {
    0% {
        background-image: url("../img/slika.jpg");
    }
    25% {
        background-image: url("../img/top_banner_1.jpg");
    }
    50% {
        background-image: url("../img/top_banner_2.jpg");
    }
    75% {
        background-image: url("../img/top_banner_3.jpg");
    }
    100% {
        background-image: url("../img/top_banner_4.jpg");
    }
}

@media (max-width: 1000px) {
    .top_banner__empty_space {
        margin-top: 95px;
    }
}

@media (max-width: 600px) {
    .top_banner__empty_space {
        height: 50vh;
    }
}