Try to add this and see how it looks:
/* Empty, you are targetting the parent container element here, not the img itself */
This will make the image responsive. Thing is, you specified the width of the parent, but not the image itself.
“Before this I was learning Java for six months. Everyone told me that HTML/CSS is going to be piece of cake because you managed to slay the tougher one.”
This can’t be further from the truth, they simply have nothing in common, CSS is NOT easy because it’s huge, and after years of web development you will continue to learn new things in CSS as you face new challenges. CSS is easy if there’s no one else than yourself, because you will writte the CSS that you are comfortable with…But when you get a real world design, you are faced with a LOT of problems that you have to solve with CSS and you will elarn the hard way that CSS is not as easy as it looks, and it’s hard to master. Just take a look at CSS tricks to see how huge it is and how elements are there.