Samsung Internet: Grey box on Product Pages

[nicklepine]

Describe the current behavior

On Samsung Internet, on Android phones, there is a gray area above the first image of the product details page.

From @martinamarien:

Seems like the issue is two-fold:

• the width and height attributes are not working properly on the image element.
• The padding we use for the image “placeholder” is not behind the image and/or not getting the right height.

[silkfab]

Hey Ken Meleta,
After the update of the given code,

there is one more issue that still persists in the banner image... that is not responsive.

[silkfab]

.media__wrapper > img {
display: block;
max-width: 100%;
height: 100%;
width: 100%;
position: relative;
}

change with
.media__wrapper > img {
display: block;
max-width: 100%;
height: 100%;
width: 100%;
position: absolute;
}

Now Working Fine

[kmeleta]

The root cause of this issue was found and fixed via #311