.slider {
  display: block;
  overflow: hidden;
}
.slider:hover .slider-item {
  width: 10%;
}
.slider:hover .slider-item .description {
  font-size: 5px;
  opacity: 0;
}
.slider .slider-item {
  position: relative;
  width: 15%;
  float: left;
  padding: 0;
  margin: 10px;
  text-align: center;
  transition: all 250ms ease-in-out;
}
.slider .slider-item img {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: initial;
  max-width: unset;
  
}

.slider .slider-item img:nth-of-type(1) { left: -60px;  transform: rotate(-15deg) scale(.8);}
.slider .slider-item img:nth-of-type(3) { right: -60px; transform: rotate(15deg) scale(.8); }

.slider .slider-item img:hover{

 transform: scale(1);
  transition: all 250ms ease-in-out;
}

.slider .slider-item .description {
  position: absolute;
  text-align: center;
  display: block; 
/*  width: 100%;    */
  bottom: 5px;
  left: 10%;
  font-size: 5px;
  color: #fff;
  font-weight: 700;
 
  text-shadow: 2px 2px #777777;  
  opacity: 0;
  transition: all 350ms;
 /*z-index: -1;   */
}

.slider .slider-item .description span{
  perspective: 80px;
    background-color: #a3c646;
  white-space: nowrap;
}  
  
.slider .slider-item:hover {
  width: 60%;
   z-index: 90; 
}
.slider .slider-item:hover .description {
  font-size: 30px;
  opacity: 0.9;
   z-index: 91;
}
.slider .slider-item-1 {
/*  background: #594593; */
 /* z-index: 3;   */

}
.slider .slider-item-2 {
/*  background: #81C5D8; */
/* z-index: 2;  */
}
.slider .slider-item-3 {
/*  background: #F8BD23; */
/* z-index: 1;   */
}
.slider .slider-item-3 .description {
  opacity: 1;
  font-size: 30px;
}
.slider .slider-item-4 {
  background: #9EC12F;
}
.slider .slider-item-5 {
  background: #2EC3BD;
}