.locations{overflow: hidden; margin: 60px 0 20px; background: white; white-space: nowrap; position: relative;}
.locations:before,
.locations:after{position:absolute; top:0; width:150px; height:100%; content:''; z-index:2;}
.locations:before{left:0; background:linear-gradient( to left, rgba(255,255,255,0), rgba(255,255,255,1));}
.locations:after{right:0; background:linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.loc-slide{display:inline-flex;align-items: center;gap: 40px; animation: 25s slide infinite linear;}
.loc-slide span{height: 80px;width: 180px; margin: 0 10px; max-height: 80px;display:inline-block;position:relative;}
.loc-slide span img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 100%;width: auto;}

.locations:hover .loc-slide{animation-play-state:paused;}
@keyframes slide {
	from {transform:translateX(0);}
	to {transform:translateX(-100%);}
}