images overlap with previous and next

short description of the bug / issue, provide more detail below. the images overlap with previous and next like this: https://postimg.cc/sQ0tfZk4

this is the index.html code: `
slick

` this is the estilos.css code:

`*{ margin:0; padding-top:0; }

.contenedor{

/max-width:485px;/tamaño ancho foto/ /max-width:485px;/ /max-width:200px;/ /width:100%;/ width:485px; height:540px;/tamaño alto foto*/ margin :auto; }

.slide{

/*width:100%;*/ 
width:485px;
height:540px;/*tamaño alto foto*/
/*height:250px;*/
text-align:center;
/*margin :auto;*/

}

.slide1{

background-color:#275bd0;
/*width:100%;*/
/*align-content: center*/
/*margin :auto;*/

} .slide2{

background-color:#f31919;
/*margin :auto;*/

} .slide3{

background-color:#2aa10e;
/*margin :auto;*/

} .slide .contenedor h1{ padding-top:250px; }

.slick-dots li button::before{ font-size:16px; } .slick-dots{ bottom:16px; }

.contenedor img { /height: calc(50vh - 100px);/ height:540; width:485; /widht:100%:/ /width: auto;/ margin: 0 auto; /* it centers any block level element }`

`[ paste your jsfiddle link here ]`

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

====================================================================

What is the expected behaviour?

...

====================================================================

What is observed behaviour?

...

====================================================================

More Details

Which browsers/versions does it happen on?
Which jQuery/Slick version are you using?
Did this work before?

kenwheeler / slick