Are invisible images indexed?

Question

Search Engine Optimization

Good day.
It's no secret that when developing universal interfaces that are tied to the size of the image, you need to take into account that the sizes can be any, while the size of the container must be clearly defined and have the same height as other containers. To do this, you can use either background (but here is a clear minus - no SEO), or object-fit (but here is a clear minus - no cross-browser compatibility).
Therefore, either javascript remains (an obvious minus - the content should not be controlled by scripts), and the actual hack with the image in the img pushed behind the div, which has the same image set as the background. Technically, the picture is visible, just hidden through the z-index.
Will it be indexed? Can there be sanctions? Do you have experience like this?
Thanks in advance.

Answer 1

or object-fit (but there is a clear minus here - no cross-browser compatibility).

Well, that's not entirely true. No here only IE, however, nothing new. I used object-fit-images to solve this misunderstanding - the impressions are positive, it works.