/*
  التحكم بموضع الصور
  غيّر الرقم الأول للمحور الأفقي والثاني للمحور العمودي.
  أمثلة:
  50% 50% = المنتصف
  50% 20% = أعلى الصورة
  80% 50% = التركيز على الجهة اليمنى
  20% 50% = التركيز على الجهة اليسرى
*/

/* صورة الواجهة الرئيسية */
.hero { background-position: 50% 50% !important; }

/* صورة قسم نبذة الشركة */
img[src$="natural-stone.jpg"] { object-position: 50% 50% !important; }

/* بطاقات المنتجات */
img[src$="marble.jpg"] { object-position: 50% 50% !important; }
img[src$="basalt.jpg"] { object-position: 50% 50% !important; }
img[src$="travertine.jpg"] { object-position: 50% 50% !important; }
img[src$="granite.jpg"] { object-position: 50% 50% !important; }
img[src$="ceramic.jpg"] { object-position: 50% 50% !important; }
img[src$="porcelain.jpg"] { object-position: 50% 50% !important; }
img[src$="wood.jpg"] { object-position: 50% 50% !important; }

/* صور معرض المشاريع */
img[src$="project-facade.jpg"] { object-position: 50% 50% !important; }
img[src$="project-basalt.jpg"] { object-position: 50% 50% !important; }
img[src$="project-sink.jpg"] { object-position: 50% 50% !important; }
img[src$="project-travertine.jpg"] { object-position: 50% 50% !important; }