أحجام وترتيب الصور باستخدام css

يصعب ترتيب الصور بهذا الشكل باستخدام css , في الجزء الذي حددته في الصورة ينقسم الى قسمين في عناصر html , لاحظ الصورة

لقد قسمت الجزء المحدد الى قسمين , القسم الاول وهو خلفية يتم تصميمها باستخدام الفوتوشوب ومن ثم استخدامها في عناصر html باستخدام العنصر img او باستخدام الخاصية background-image في css لأنه يصعب جدا اظهار الصور بهذا الشكل باستخدام css خاصة أن الصور أيضا مرتبطة بخط متقطع
القسم الثاني وهو عبارة عن سلايدر يتكون من عدة شرائح , عند الضغط على السهم اليمين يعرض الشريحة اليمنى , وعند الضغط على السهم الشمال يعرض الشريحة التي في الجهة الشمال , يتم وضع في كل شريحة صورة ويتم ذلك باستخدام html وبالتحديد باستخدام العنصر img
بشكل عام مثل هذه الصور تكون جاهزة ومصممة باستخدام احدى برامج التصميم مثل الفوتوشوب

بتاريخ On 17‏/2‏/2022 at 18:58 قال محمد أبو عواد:

يصعب ترتيب الصور بهذا الشكل باستخدام css , في الجزء الذي حددته في الصورة ينقسم الى قسمين في عناصر html , لاحظ الصورة

لقد قسمت الجزء المحدد الى قسمين , القسم الاول وهو خلفية يتم تصميمها باستخدام الفوتوشوب ومن ثم استخدامها في عناصر html باستخدام العنصر img او باستخدام الخاصية background-image في css لأنه يصعب جدا اظهار الصور بهذا الشكل باستخدام css خاصة أن الصور أيضا مرتبطة بخط متقطع
القسم الثاني وهو عبارة عن سلايدر يتكون من عدة شرائح , عند الضغط على السهم اليمين يعرض الشريحة اليمنى , وعند الضغط على السهم الشمال يعرض الشريحة التي في الجهة الشمال , يتم وضع في كل شريحة صورة ويتم ذلك باستخدام html وبالتحديد باستخدام العنصر img
بشكل عام مثل هذه الصور تكون جاهزة ومصممة باستخدام احدى برامج التصميم مثل الفوتوشوب

شكرا 
طيب كيف بقدر اكتب على الصور , يعني انا عملت القسم الاول بالفوتوشوب لكن كيف بدي اقدر اكتف فوق الصورة زي الصورة المرفقة؟