.slick_element_container {
  position: relative;
  text-align: center;
}
.slick_element_container:hover{box-shadow: 0px 0px 10px rgb(0 0 0 / 60%)}

.bottom-centered {
  position: absolute;
  bottom: 0%;
  left: 0%;
  /*transform: translate(-50%, -50%);*/
  color:#fff;
}

.bottom-centered:hover{
	color:var(--ast-global-color-0);
	background-color:rgba(0,0,0,.6);
}

.img-gradient {
  position:relative;
}

.img-gradient::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
}