title: Can't Make Image Move via CSS
body: <p>I'm trying to move the image for Trip Advisor on <a href="http://piiholozipline.com/about/" rel="nofollow noreferrer">this</a> page (at the bottom right). As seen in this screenshot, it needs to move up and to the right to fit in the orange/pink box.</p>
  
  <p><img src="https://i.stack.imgur.com/sXAdJ.png" alt="screenshot"></p>
  
  <p>When I apply negative margin, the image gets hidden behind the orange/pink box. I've tried adding various z-index values to make it appear on-top, however nothing seems to work.</p>
  
  <p>Any idea what I'm doing wrong?</p>
  
  <p>Note: This image (for Trip Advisor) is reused on the home page as well. Any CSS styling applied should not affect the positioning of the image on the home page.</p>