.jumbotron{
    animation: changeBg4 30s infinite;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    height: 400px;
    filter: blur(1px);
}

.jumbotron span{
    display: inline-block;
    background-color: var(--col2);
    color: var(--col3);
    padding: 0px 20px;
    border-radius: 25px;
}
.jumbotron a{
    color: var(--col3);
    text-decoration: none;
}
.jumbotron p{
    border-style: double;   
    border-color: var(--col2);
    border-radius: 20px;
    transition: border-color 1.5s;
}
.jumbotron p:hover{    
    border-color: var(--col4);
}

@keyframes changeBg4{
    0%, 100%{
        background-image: url("./content/rocol%20slider.webp");
        filter: sepia(100%);
    }    
    25%{
        background-image: url("./content/sklider obrabiarka.webp");
    }
    
    50%{
        background-image: url("./content/slider 1.webp");
        filter: sepia(0%);        
    }    
    75%{
        background-image: url("./content/slider 2.webp");
    }    
}