Berikut adalah modifikasi dari kode CSS kamu agar thumbnail menjadi rasio square (1:1) dan gambar tidak terpotong, melainkan menyesuaikan agar fit dan tetap full dalam kotak square tanpa melar atau blur.
Jika kamu pakai
<img>biasa, bukan<amp-img>, pastikan juga tambahkanobject-fit: cover;untuk<img>.-
CSS ini sudah menggunakan pendekatan modern dengan
aspect-ratio: 1 / 1, namun jika kamu perlu versi fallback (tanpaaspect-ratio), bisa gunakanpadding-top: 100%seperti sebelumnya.
Beri tahu kalau kamu ingin versi khusus AMP atau non-AMP secara terpisah.