Images not getting rendered on a page using 'Include Page' macro

Issue Summary

Embedded images on pages are not displayed, intermittently, when included on a page using the 'Include Page' macro

When the page is refreshed or accessed via the sidebar, the images are properly displayed.

Steps to Reproduce

1. Create a page in the same space or a different space only to store an image.
2. Embed this image on another page using the 'Include Page' macro.
3. Publish the page
4. Hard refresh the page (I.E. CMD+Shift+R) or reload it a couple of times.

Expected Results

The image should render on the page without any errors.

Actual Results

Instead of the image, a warning icon is displayed on the UI:

Alternatively, a "Preview is not available" is displayed:

In the network logs, a 403 error is displayed:

Request URL: https://api.media.atlassian.com/file/<FILESTORE-ID-EXAMPLE>/image?allowAnimated=true&collection=contentId-<PAGE-ID>&height=<size>&max-age=<number>&mode=full-fit&width=<size>
Request Method: GET
Status Code: 403 
Remote Address: xx:xx:yy:rr:443
Referrer Policy: origin

Response:

{"error":{"code":"JwtAuthoriser:AuthorisationError","title":"The token does not allow requested operation. \"urn:filestore:collection:contentId-<ID HERE>\" needs \"read\" permission","href":"https://api.media.atlassian.com#UnauthorizedError"}}

Workaround

Access the page directly from the sidebar. While replicating the issue, access a different page from the sidebar and access the page in question again (via the sidebar as well).

Alternatively, try refreshing the page.