Bugzilla

Following up on [this comment](https://bugzilla.mozilla.org/show_bug.cgi?id=1581876#c7)

As reported here https://github.com/webcompat/web-bugs/issues/47761

Steps to Reproduce:

1) Of Firefox Preview/ RDM Navigate to https://m.tribunnews.com/
2) Scroll down to "Photo Stories" section.
3) Observe the layout.

Expected:
4 photos are loaded
Actual:
Only two photos are loaded, for other two an empty placeholder is present

The site is lazy loading images based on IntersectionObserverEntry.intersectionRatio. I've attached a slightly reduced test case where the second image is missing (In Chrome intersectionRatio for this image is greater than 0 and in Firefox it's 0).

As reported here https://github.com/webcompat/web-bugs/issues/47761

Steps to Reproduce:

1) Of Firefox Preview/ RDM Navigate to https://m.tribunnews.com/
2) Scroll down to "Photo Stories" section.
3) Observe the layout.

Expected:
4 photos are loaded
Actual:
Only two photos are loaded, for other two an empty placeholder is present

The site is lazy loading images based on IntersectionObserverEntry.intersectionRatio. I've attached a slightly reduced test case where the second image is missing (In Chrome intersectionRatio for this image is greater than 0 and in Firefox it's 0).

As reported here https://github.com/webcompat/web-bugs/issues/47761

Steps to Reproduce:

1) Of Firefox Preview/ RDM Navigate to https://m.tribunnews.com/
2) Scroll down to "Photo Stories" section.
3) Observe the layout.

Expected:
4 photos are loaded
Actual:
Only two photos are loaded, for other two an empty placeholder is present

The site is lazy loading images based on IntersectionObserverEntry.intersectionRatio. I've attached a slightly reduced test case where the second image is missing (In Chrome intersectionRatio for this image is greater than 0 and in Firefox it's 0). 

Also adding display: block; to this rule fixes the issue:
```
.simply .simply-img {
    height: 100%;
    position: relative;
    right: 85%;
}
```