is it even possible to prevent images from stretch my div but instead resize automatically to fit nicely into it?
Yes! Try setting:
img { max-width: 100%; }
As long as the <img>
's container has an explicit width, the image shouldn't exceed that width.