Mi okozhatja ezt a problémát? (Bootstrap, CSS)

Az a problémám, hogy a kártyáimba helyezett képek két oldalán egy nagy rés van a kártya széla és a kép széle közt.

Itt a leegyszerűsített kódom, ami tartalmazza az összes osztályt amivel bele piszkálok a kártyák működésébe:

[link]

Erre gondolok:

[link]

(Képmegosztó oldal)

Leellenőriztem több böngészőben is, és mindben ugyanilyen (Safari, illetve Windowson Chrome, Opera, Firefox).

Néztem, hátha a margin okozhatja a gondot, vagy a padding, de ugye meg se adtam neki. Ha 0-ra rakom, az sem jó. Ami megoldja, de másik problémát okoz, az az, hogy a kártyát col osztályú divbe teszem. Ilyenkor viszont a kártyák közti hely túl nagy lesz (ami jelenleg van az lenne az ideális).

Van bármi ötletetek?