Image compare

<div class="compare" data-compare style="--pos: 50%">
  <div class="compare-after"><img class="pic" src="assets/images/placeholder.svg" alt="After" loading="lazy"></div><div class="compare-before"><img class="pic" src="assets/images/placeholder.svg" alt="Before" loading="lazy"></div><span class="compare-line" aria-hidden="true"></span><input type="range" min="0" max="100" value="50" class="compare-range" aria-label="Before and after"><span class="compare-tag before">Before</span><span class="compare-tag after">After</span>
</div>