.slider {
width: 100%;
max-width: 600px;
overflow: hidden;
position: relative;
direction: ltr;    
margin:10px auto auto auto;
}
.slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slide {
min-width: 100%;
text-align: center;
color: #FFFFFF;
}
.slide img {
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 15px;
}
.slide h3 {
font-size: 1.2rem;
}
.slide p {
font-size: 15px;
}
.navigation {
position: absolute;
top: 10px;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-10px);
}
.navigation button {
    color: #fff;
    background-color: #8e744800;
    border: none;
    padding: 0;
    cursor: pointer;
	display:none;
}
.navigation button:hover {
color: #8e7448;
}