@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-250px * 14)); } }
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 255px;
	margin: auto;
  margin-top: 35px;
  overflow: hidden;
  position: relative;
  width: 99%; }
  .slider::before, .slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 250px;
    position: absolute;
    width: 250px;
    z-index: 2; }
  .slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg); }
  .slider::before {
    left: 0;
    top: 0; }
  .slider .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 28); }

.slide {
	position: relative;
}

	.slide img {
    height: 250px;
    width: 250px; }

   .slide h6 {
	text-align: center;
	margin-right: 10px;
    position: absolute;
    top: 0px;
    width: 250px;
   
}
   .slide h6 span  {
	background: rgba(252,251,223,0.86) ;
    border-radius: 10px;
    line-height: 29px;
    padding: 3px 5px;
	border: dotted 1px rgba(126,14,6,1.00)  ;
}