Почему с max-width: 100%; размытая картинка?

Question

[freeman0204]

https://codepen.io/freeman0204/pen/pWNBwy?editors=1100 особенно центральная, max-width: 100%; делает картинку резиновой, если ее убрать то картинка становится четче но не резиновой. Как сделать картинку резиновой и что бы она была четкая?

Answer 1

[Сергей]

У тебя картинка не помещается в блок и сжимается при max-width до размеров блока.. без этого параметра картинка становится на 100% и выходит за границы блока.