Я хочу показать несколько разных фотографий с разными соотношениями и размерами. если изображение достаточно большое, я отображаю его как background-size: cover;, или, если оно недостаточно большое, я хотел бы использовать background-size: cover; background-position: center;, и я хотел бы, чтобы изображение было размытым с двух сторон четкого изображения.
Я знаю, что это возможно. Мой вопрос заключается в том, что это можно сделать с помощью только CSS?
У меня уже есть решение javascript, но было бы лучше иметь его с чистым CSS.