body{
    background-color: white;
}
.tekst{
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    top: 40%;
    left:43%;
    font-family: sans-serif;
}
.slika1{
    position: absolute;
    top: 70%;
    left: 2%;
    animation-name: ani1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 1;
    width: 400px;
    height: 270px;
}
@keyframes ani1{
    0%{left: 2%;}
    50%{left: 29%;}
    75%{left: 29%;}
    100%{left: 2%;}
}
.slika2{
    position: absolute;
    top: 70%;
    right: 2%;
    animation-name: ani2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 2;
    width: 400px;
    height: 270px;
}
@keyframes ani2{
    0%{right: 2%;}
    50%{right: 29%;}
    75%{right: 29%;}
    100%{right: 2%;}
}
.slika3{
    position: absolute;
    top:50%;
    left:32%;
    animation-name: ani3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 3;
    width: 700px;
    height: 500px;
}
@keyframes ani3{
    0%{height: 500px;}
    25%{height: 100px;}
    50%{height: 100px;}
    75%{height: 100px;}
    100%{height: 500px;}
}
.prvi{
    position: absolute;
    left: 37%;
    top: 3%;
    width: 550px;
    height: 370px;
    background-color: black;
}
.img1{
    position: absolute;
    left:4%;
    top: 2%;
    width: 500px;
    height: 330px;
}
.img2{
    position: absolute;
    left: 4%;
    top: 2%;
    width:500px;
    height: 330px;
}
.img3{
    position: absolute;
    left: 4%;
    top: 2%;
    width:500px;
    height: 330px;
}
.img1:nth-child(1){
    animation: promena 9s 0s;
    animation-iteration-count: infinite;
    z-index: 3;
}
.img2:nth-child(2){
    animation: promena 9s 3s;
    animation-iteration-count: infinite;
    z-index: 2;
}
.img3:nth-child(3){
    animation: promena 9s 6s;
    animation-iteration-count: infinite;
    z-index: 1;
}
.tabla{
    position: absolute;
    left: 10%;
    top: 92%;
}
table{
    width: 60px;
    height: 20px;
}
.tri{
    position: absolute;
    left: 10%;
    top: 92%;
}
table:nth-child(1){
    animation: promena 9s 0s;
    animation-iteration-count: infinite;
    z-index: 3;
}
table:nth-child(2){
    animation: promena 9s 3s;
    animation-iteration-count: infinite;
    z-index: 2;
}
table:nth-child(3){
    animation: promena 9s 6s;
    animation-iteration-count: infinite;
    z-index: 1;
}
@keyframes promena{
    0%{opacity: 1;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 0;}
    100%{opacity: 1;}
}