Absolutely positioned image with a percentage height in CSS grid acts weird on iOS or in Safari

Question

I want to start by mentioning that I have seen and read this question, so I know that Safari (and iOS) handle the height property differently than Chrome. This