Chrome Version: 73.0.3671.3
OS: Mac OS X

What steps will reproduce the problem?
(1) Go to https://2018.jsconf.eu/news/photos/


What is the expected result?

The images are sized correctly

What happens instead?

Images are not sized correctly.

I haven't been able to reduce this unfortunately. I also observed that adding `width: 100%` to the img element fixes this. That points to the right/bottom rules being ignored.

The basic structure is CSS like this:
.responsive-image-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}

.responsive-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

And html like <span class="responsive-image-wrapper"><img></span>



 

Deleted: Screen Shot 2019-01-15 at 7.22.54 AM.png 1.5 MB

	Screen Shot 2019-01-15 at 7.22.54 AM.png 1.5 MB View Download