Merged in feature/SW-3365-blurry-images (pull request #2746)

Feature/SW-3365 reduce upscaling of images (fix blurry images)

* fix: handle when images are wider than 3:2 but rendered in a 3:2 container

* use dimensions everywhere applicable

* fall back to using <img sizes='auto' /> if possible

* imageLoader: never nest

* remove empty test file


Approved-by: Anton Gunnarsson
Approved-by: Matilda Landström

packages/design-system/lib/components/JsonToHtml/renderOptions.tsx

@@ -495,6 +495,7 @@ export const renderOptions: RenderOptions = {
             fill
             sizes="(min-width: 1367px) 800px, (max-width: 1366px) and (min-width: 1200px) 1200px, 100vw"
             focalPoint={image.focalPoint}
+            dimensions={image.dimensions}
             {...props}
           />
         </div>