السلام عليكم

احتاج مساعدة في الكود التالي لجعل الصور متجاوبة مع التصميم

بحيث تكون الصور متجاوبة وبحجم واحد دون أن تتأثر أو تتلف الصور عند التكبيرة والتصغيير

حاولت كثيراً لكن النتائج لم تكن مرضية بالنسبة لي

الكود موجود في الرابط التالي :

http://codepen.io/MJK/pen/JRqxdV?editors=1000

ملاحظات

  • الكود موجود بين تعليقين block

  • وضعت تعليق repeat وهو الكود المكرر حتى لا يربكك الكود

  • استخدم إطار العمل materializecss

اتمنى المساعدة من اصحاب الخبرة

ولكم جزيل الشكر ....