.slider__item{

    position: relative;

    width: 100%;
    height: 350px;
    flex: 1 0 100%;
  
    background: #00000077;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-origin: border-box;

    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;

    /* animation: slide 10s ease-in-out 1ms infinite alternate; */


}
.slider__item--one{
    background-image: url(../../assets/banner/slider1.png);
}.slider__item--two{
    background-image: url(../../assets/banner/slider2.jpg);
}.slider__item--three{
    background-image: url(../../assets/banner/slider3.jpg);
}

/* @keyframes slide {
    0%,20%{
        transform: translateX(0);
    }
    40%,60%{
        transform: translateX(-100%);
    }   
    80%,100%{
        transform: translateX(-200%);
    }
} */