Gunakan object-position: top center; untuk memfokuskan bagian atas gambar saat dilakukan pemotongan cover.
CSS object-position
Contoh Kode CSS object-position:
<!DOCTYPE html>
<html>
<head>
<style>
.pos-fokus {
width: 220px;
height: 120px;
object-fit: cover;
object-position: top left;
border-radius: 8px;
}
</style>
</head>
<body>
<img src="https://picsum.photos/400/300" class="pos-fokus">
</body>
</html>Uji dan amati bagaimana deklarasi CSS CSS object-position mengubah tampilan elemen di atas.