[openstreetmap/openstreetmap-website] Remove custom css applied to images inside paragraphs (PR #4732)

[Anton Khorev]

- Many images are not inside `<p>`, this css doesn't apply to them.
- `width: auto` is a default width
- `max-width: 100%` shrinks images that are too wide to fit on the screen. Images inside rich text (diaries, comments) already have this set elsewhere.
- It affects image on the [copyright](https://www.openstreetmap.org/copyright) page, but that image is narrow enough. If there's any wide image that requires shrinking, [`.img-fluid`](https://getbootstrap.com/docs/5.3/content/images/#responsive-images) can be used instead.
  ![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/9c04130f-a133-4e5b-b5f1-d9456388a46a)


You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/4732

-- Commit Summary --

  * Remove custom css applied to images inside paragraphs

-- File Changes --

    M app/assets/stylesheets/common.scss (5)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/4732.patch
https://github.com/openstreetmap/openstreetmap-website/pull/4732.diff

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/4732
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/4732 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240427/43501ba5/attachment.htm>