.slider
{
    position: var(--position_slider, absolute);
    top: 0;
    left: 0;
    width: var(--width_slider, 100%);
    height: var(--height_slider, 100vh);
    overflow: hidden;
}

.slider .slide
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: slider 50s linear forwards infinite;
}

.slider .slide:nth-child(1)
{
    animation-delay: 0s;
}
.slider .slide:nth-child(2)
{
    animation-delay: 10s;
}
.slider .slide:nth-child(3)
{
    animation-delay: 20s;
}
.slider .slide:nth-child(4)
{
    animation-delay: 30s;
}
.slider .slide:nth-child(5)
{
    animation-delay: 40s;
}

.slider .slide img
{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1;
    filter: sepia(100%) hue-rotate(190deg) saturate(500%);
    height: 100%;
    width: 100%;
}

.slider .slide .content_slider
{
    position: relative;
    float: var(--float_slider, right);
    margin: var(--margin_slider, 15rem 5rem 1rem 1rem);
    background: var(--background_slider, rgba(255, 255, 255, .8));
    padding: var(--padding_slider, 1rem);
    z-index: var(--z-index_slider, 500);
    max-width: var(--max-width_slider, 35%);
    height: auto;
}

.slider .slide .content_slider h2
{
    margin: 0;
    font-size: var(--font-size_slider_h2);
}
.slider .slide .content_slider p
{
    margin: 0 0 0;
    font-size: var(--font-size_slider_p);
}

@keyframes slider
{
    0%
    {
        opacity: 0;
    }
    2.5%
    {
        opacity: .5;
    }
    5%
    {
        opacity: 1;
    }
    22.75%
    {
        opacity: .5;
    }
    25%,100%
    {
        opacity: 0;
    }
}