Iphone 8 footer vs iphone 11 footer size

I added logo in home screen

  <div class="art-div">
    <img src="assets/imgs/art.png"  alt="">
  </div>

in scss

.art-div {
    position: fixed;
    bottom: 50px;
    right: 0;
   img{
     @media only screen and (min-width: 700px) {
      height: 180px;
    }
   }
  }

in iphone 8 footer size is fixed so SPACE ART logo is looking fine.
But in iphone 11 footer is different. How to write class that logo adjust automatically?

Screen Shot 2021-01-14 at 6.04.43 PM