<div class="bg"> 
<img src="https://www.ma-no.org/assets/img/logos/mano-logo-basic.svg">
<svg version="1.2" width="0" height="0" viewBox="0 0 740 600">
  <defs>
    <clipPath id="mask">
      <rect x="0" y="0" width="600" height="300" fill="#000" id="cool_shape">
        <animate attributeType="XML" xlink:href="#cool_shape" attributeName="x" from="-600" to="0"
            dur="10s" repeatCount="indefinite"/>
      </rect>
    </clipPath>
  </defs>
</svg>
</div>

	

.bg {background:#000;}
img {
  height: 300px;
  display: block;  
  -webkit-clip-path: url(#mask);
  clip-path: url(#mask);
  margin: 0 auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.