HTML
CSS
JavaScript
<div class='container'><img class='responsive-image' src='https://via.placeholder.com/400' alt='Sample Image'></div>
.container { width: 300px; height: 200px; overflow: hidden; border: 2px solid #000; position: relative; } .responsive-image { width: 400px; height: 400px; object-fit: cover; object-position: top right; }
// No JavaScript required for this demo