/* CSS UTF-8 - CAROUSEL SLIDER.CSS FILE */.slider {  height: 250px;  margin: auto;  position: relative;  width: 90%;  display: grid;  place-items: center;  overflow: hidden;  }  .slide-track {  display: flex;  width: calc(250px * 14);/* width of individual slide x number of total slides */  animation: scroll 45s linear infinite;  -webkit-animation: scroll 45s linear infinite;  -ms-animation: scroll 45s linear infinite;  }  .slide-track:hover {  animation-play-state: paused;  -webkit-animation-play-state: paused;  -ms-animation-play-state: paused;  }    @keyframes scroll {  0% {  transform: translateX(0);  }    100% {  transform: translateX(calc(-250px * 6));  }}  .slide {  height: 250px;  width: 417px;  display: flex;  align-items: center;  padding: 15px;  perspective: 100px;  }  img {  width:100%;  transition: transform 1s;  }  img:hover {  transform: translateZ(20px);  }   /* Gradient Shadows */  .slider::before,  .slider::after {  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);  content: "";  height: 100%;  position: absolute;  width: 15%;  z-index: 2  }  .slider::before {  left: 0;  top: 0;  }  .slider::after {  right: 0;  top: 0;  transform: rotateZ(180deg);  }