Images in org files don't display properly

Summary

Added a README.org which does not display as it should.
It works perfectly fine on github.

Steps to reproduce

  1. Add large image.
  2. Add README.org which contains a link to the image.

Example Project

What is the current bug behavior?

The image becomes bigger as the grid of the file-content (tested on Chromium and GNU Icecat).
This looks ugly.

What is the expected correct behavior?

Don't let the image become bigger as the grid of the file-content.

Output of checks

This bug happens on GitLab.com.

Possible fixes

Update the CSS or JavaScript.

The following CSS could fix it:

.file-content p img {
    width: 100%;                    /* will be used by browsers which ignore both the -moz and -webkit-prefixed declarations or do not support -moz-available or -webkit-fill-available. */
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}