I have serval Images I want to print out on my website. Every image has an another ration. Some are in portrait format, some in landscape format.

I always want to print them out in 1:1. Many Websites solve this by show blurred areas out of this image.

Any idea or best practise to do that?

I preffer a solution by frontend. Maymay with CSS?

Look this example.