Hello friends I have the following problem I have a gallery with the framework materialize CSS I am trying to make the animations look completely but do not show them completely to me all?
Does anyone know why?
My gallery code:
<div id="test1" class="col s12">
<div class="slider">
<ul class="slides">
<li>
<img id="active" src="img/inicio.jpg"> <!-- random image -->
<div class="caption center-align">
<h3>Lovi Acabados</h3>
<h5 class="light grey-text text-lighten-3"><div class="container"><span class="write"></span>
</div></h5>
</div>
</li>
<li>
<img src="img/2.JPG"> <!-- random image -->
<div class="caption left-align">
<h3>Las mejores piedras de sonora</h3>
<h5 class="light grey-text text-lighten-3">Necesitas decorar tu casa, somos los expertos.</h5>
</div>
</li>
<li>
<img src="img/3.JPG"> <!-- random image -->
<div class="caption right-align">
<h3>Virgenes de Guadalupe</h3>
<h5 class="light grey-text text-lighten-3">Tenemos las mejores estatuas de la virgen de Guadalupe hechas a mano por nuestros expertos.</h5>
</div>
</li>
<li>
<img src="img/5.JPG"> <!-- random image -->
<div class="caption center-align">
<h3>Amas a los animales !</h3>
<h5 class="light grey-text text-lighten-3">Tenemos las mejores esculturas de animales decorativos para tu Hogar.</h5>
</div>
<li>
<img src="img/6.JPG"> <!-- random image -->
<div class="caption center-align">
<h3>Nos has decorado tu casa!</h3>
<h5 class="light grey-text text-lighten-3">Decora tu casa con las mejores piedras de sonora.</h5>
</div>
</li>
<li>
<img src="img/7.JPG"> <!-- random image -->
<div class="caption center-align">
<h3>Dale un toque unico a tu casa</h3>
<h5 class="light grey-text text-lighten-3">Lovi Acabados tenemos las mejores decoracion del estado.</h5>
</div>
</li>
<li>
<img src="img/8.JPG"> <!-- random image -->
<div class="caption center-align">
<h3>Dale Paz y alegria a tu casa!</h3>
<h5 class="light grey-text text-lighten-3">En Lovi Acabados tenemos para ti las virgenes de guadalupe talladas a mano.</h5>
</div>
</li>
<li>
<img src="img/9.JPG"> <!-- random image -->
<div class="caption center-align">
<h3>Dale elegancia a tu casa!</h3>
<h5 class="light grey-text text-lighten-3">Dale elegancia a tu casa con las mejores esculturas de piedra para tu casa.</h5>
</div>
</li>
<li>
<img src="img/logo.png"> <!-- random image -->
<div class="caption center-align">
<h3>Y Muchos Mas Productos!</h3>
<h5 class="light grey-text text-lighten-3">Lovi Acabados es la mejor.</h5>
</div>
</div>
</li>
</ul>
</div>I need to make the images look complete but you only see a pedaso of the image someone knows how to make it look complete.