هنا أرى أن الصور تبدو مثل لقطة شاشة @renato على Chrome، ولكن مثل لقطة شاشة OP على Safari. هذا بالتأكيد تراجع، نعتذر عن ذلك. لا يبدو أن لديك أي تخصيصات، ولكن لديك بعض الصور الكبيرة جدًا كشعارات للفئات، على سبيل المثال الصورة الموجودة في OP هي 2657x2657.
لذلك، هناك طريقتان للإصلاح:
- تحميل صور أصغر. يمكنك المحاولة بصورة بحجم 150x150، يجب أن تعمل هذه الصورة بشكل جيد. (هذا يجعل الصفحات أسرع في التحميل أيضًا، مع الصور الأصغر.)
- إذا كنت لا ترغب في إعادة تحميل الصور، جرب هذه القاعدة CSS في مكون سمة:
body .category-logo.aspect-image {
max-width: 150px;
}