.images-slider{position: relative;
    width: 92%; height:400px;
    margin: 1em auto;background: yellow;    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;}

.images-container{position: relative;width: 100%;display: flex; height: inherit;
    align-items: center;
    justify-content: center;
    text-align: center;background: pink;}
.slide img{width:100%;margin: auto;height: inherit;object-fit:cover;}
.arrow-container{width: 105%;position: absolute;top: 55%;}
.arrow{cursor: pointer;
    top: 45%;
    background: #363132ab;
    border-radius: 20px;
    font-size: 25px;
    width: 40px;
    left: 100px; color:white;
    text-align: center;z-index:1;}
.slide .caption{position: absolute;
    bottom: -50px;
    background: white;
    width: 100%;
    height: 50px;
    color: black;
    text-align: center;
    line-height: 2.5;
    font-size: 20px;
    box-shadow: 1px 1px 10px 1px rgb(164 152 152);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.next{float:right;right:10px;}
.prev{float:left;left:10px;}
.slide{width:100%;height: inherit;display:none;}

@media screen and (min-device-width: 350px) and (max-device-width: 600px)
{
.images-slider{width: 92%; height:250px;}
.slide .caption{height: 30px;font-size: 15px;line-height: 2;}
.arrow{ border-radius: 30px;font-size: 18px; width: 30px;heigth: 30px;}
}