Several issues with sliders

Hey, I am having some issues with image sliders. So far, where I have got to is this, which sort of works, but isn’t quite what I need: www.studioandthen.com/case-studies/designing-mindfulness

However I hit a couple of stumbling blocks:

  1. When you click the nav to scroll to the next image, it scrolls three slides across instead of one. Here is a good example of what I would like it to do (Made by Many)

  2. I would like to upload images which have different dimensions (e.g. portrait images alongside landscape images). I can’t figure out how to get all the images to have the same height, and at the same time have the same padding between them.

Any thoughts? Thanks in advance


Here is my site Read-Only: LINK