how to make an image not blurry when stretched css
img {
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
}Source:css-tricks.com
css image sharpen
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACdJREFUCB1j9Pf3/88ABMmMjCCKgQlMIhGMu3btAquY9mMDWBhDBQAutwfDrUlKzQAAAABJRU5ErkJggg==" />Source: css-tricks.com