Tengo imágenes serval que quiero imprimir en mi sitio web. Cada imagen tiene otra ración. Algunas están en formato vertical, otras en formato apaisado.

Siempre quiero imprimirlos en 1:1. Muchos sitios web resuelven esto mostrando áreas borrosas fuera de esta imagen.

¿Alguna idea o mejor práctica para hacer eso?

Prefiero una solución por frontend. Maymay con CSS?

Mira este ejemplo.