Trying to duplicate comparison slider to duplicate and appear side by side

[Ryanfromhere]

Here's the reference code:

https://www.w3schools.com/howto/howto_js_image_comparison.asp

I'd like to be able to get this to duplicate and have them appear side by side.  Putting the HTML code into tables doesn't work.  If I increase the size of the pictures they run over each other.  I think the issue is within the CSS.  Here's a sample of code:

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}

I was able to move the snowy mountain picture by copying the code, changing the element selector to ".img-comp", changing position to relative, and changing width to 300px.  After that I got stuck.

 

[Funce]

Hi there,

What do you mean by "Get this to Duplicate" and "have them appear side by side".

Do you want additional image comparers on the same line?