Я реализовал нижний хак с отступом, покрыв ВСЕ соотношения сторон, например padding-bottom: calc(~'var(--imageHeight) / var(--imageWidth) * 100%');
. Это прекрасно работает на настольном компьютере и на большинстве изображений на мобильных устройствах.Изображения, однако, не всегда будут заполнять 100% контейнера.Таким образом, у меня есть ситуация, когда, скажем, количество X заполнения добавляется в контейнер, но на мобильном устройстве портретное изображение уменьшается в контейнере, создавая пространство выше / ниже.См. Изображение 
У кого-нибудь есть советы, как это преодолеть?