Mit kellene módosítanom a css-en, hogy nagyatáskor ne lógjon túl a container-en/body-n?

Azt szeretném elérni, hogy mikor a DIV-re ami a képet tartalmazza megnőjön a kép, de valamiért kilóg a body-ból és megjelenik a görgetősáv. A képek alap mérete ugyanakkora (mivel levettem 60%-ra mindegyik esetében,a görgetősáv tehát nem attól függ, hogy melyikre viszem rá). Mit kellene módosítanom/javítanom, hogy úgy működjön ahogy szeretném:

HTML: [link]

CSS: [link]

Képek:

[link]

[link]

[link]

A probléma: [link]

Amit észrevettem még pluszba, hogy nagyításkor a képek kicsit el is mozdulnak oldal irányosan valamint a relative/absolute dolgok miatt a feliratok se teljesen középen vannak szerintem