Limit size of image in Footer on mobile

Site URL: https://willinglee.co/

Hi lovely Circle Team! I'm in the middle of rebranding my site and realized this sweet little logo I placed in the Footer, which looks great on desktop, is looking massive on mobile.

Does anyone know of a fix to limit the size so it's only the width of the text below it?
Thank you for your time!

31 minutes ago, kindandbrave said:

Site URL: https://willinglee.co/

Hi lovely Circle Team! I'm in the middle of rebranding my site and realized this sweet little logo I placed in the Footer, which looks great on desktop, is looking massive on mobile.

Does anyone know of a fix to limit the size so it's only the width of the text below it?
Thank you for your time!

Try

@media only screen and (max-width: 767px) {
  footer .image-block-wrapper img {
    width: 50% !important;
    height: auto !important;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}

Support me by pressing 👍 if this useful for you

My result

Thanks so much @bangank36! I adjusted some things to make it left-aligned, but it works 🙂