Glitch in Safari and what's wrong with the code?

Question

css

Greetings!
Tell me, please, is everything okay here with the code (rules) of the "slider"? In the latest versions of Opera and Chrome, and in the old Firefox, everything works fine, but in Safari 11 cant.
And in general, in general, are all the rules relevant and necessary, or is something missing?

Answer 1

By a glitch in Safari
you are using flex on the parent of the images. By default, it has align-items: stretch .
Safari doesn't work well with this setting and will stretch children ignoring height: auto
Change stretch to whatever you like:

.stacks_in_640_page0images {
  ...
  align-items: flex-start;
  ...
}

Optional:
Enclose each image in a wrapper.
Give the wrapper position: relative .
And, already in the wrapper, adjust the sizes and positioning of images.
Or you can pre-fit the images to one size.