.slideshow-container {
    width: 100%;
    height: 200px;
	float: left;
	overflow: hidden;

	margin-top -5%;
}

.slide-wrapper {
    width: 100%;
    height: 200px;

    display: flex;
    transition: transform 0.6s ease;
}
.mySlides {
    width: 100%;
    height: 250px;

    flex: 0 0 100%;
    display: block;
}

.mySlides img {
    width: 100%;
    height: 250px;  

    display: block;

    object-fit: cover;
    object-position: top;
}

/* RESPONSIVO */

@media (min-width: 768px) {
    .slideshow-container {	height: 500px;	}
    .slide-wrapper {    height: 500px;	}
    .mySlides {    height: 500px;	}
    .mySlides img {    height: 500px;  }
}