/* الكمبيوتر: الصور جنب بعض */
#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > section:nth-child(11) {
  display: flex;
  justify-content: center;
  gap: 20px; /* مسافة بين الصور */
}

#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > section:nth-child(11) > div {
  flex: 1;
  max-width: 30%; /* كل صورة تاخد تلت العرض */
}

/* الموبايل: الصور تحت بعض */
@media (max-width: 768px) {
  #app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > section:nth-child(11) {
    flex-direction: column;
    align-items: center;
  }

  #app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > section:nth-child(11) > div {
    max-width: 100%;  /* كل صورة تاخد عرض الشاشة كامل */
  }
}