title: Set anchor point for image scaling?
body: <p>Is it possible to give an image inside a div an anchor point to control the scaling when resizing the browser window? So instead it being centered for example the whole time, another point of the image should act as anchor point and the image would resize around that point. Or is it possible to make the image move to the left when resized? Is this possible using CSS only? <br><br>
  CSS</p>
  
  <pre><code>.banner {
      background-color:grey;
      height:734px;
      position: relative;
      display: flex;
      overflow: hidden
  }
  
  .banner img {
      width: 1920px;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="banner"&gt;
      &lt;img src="source" alt="bannerimage"&gt;
  &lt;/div&gt;
  </code></pre>