title: Only apply css styles to one image
body: <p>I'm working on a simple project where I have this back button which is called for via this line:</p>
  
  <pre><code>&lt;a href="index.html" class="_container"&gt;
  &lt;img class="image backArrow" src="arrowBackWhite.png"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Then the CSS for it:</p>
  
  <pre><code>.backArrow {
    display: block;
    height: 100%;
    widt: auto;
    overflow: hidden;
  }
  </code></pre>
  
  <p>However, my problem is that I have some css for all the other images to resize / work responsively which is this code:</p>
  
  <pre><code>/* Images */
  img {
      max-width: 100%;
      height: auto;
  }
  </code></pre>
  
  <p>My question is, would it be possibly for the backArrow to not be affected by the imgs CSS?</p>