When i have a div that is for example 300\*300px and a image that is 1280\*560px.
Can i show a specific part of the image in my div while it stays responsive while only using html/css?

the div is always taking up 33% of the page width

my code looks like this:

html

```
<div class="crop">
    <img src="path/to/img">
</div>

```

css

```
position: relative;
overflow: hidden;
min-height: 300px;

```