Resizing image for mobile

Site URL: https://www.madebykubeba.com

Hi, I am looking for help to show the full image of my mural image on https://madebykubeba.com/gallery/mural (shown with red arrows on the picture)? It is cut off at the top and bottom. Password : hellojimmy

This is my CSS currently, can you let me know where I should add it since I already have a CSS for the image but would also like to extend the height. 

@media only screen and (max-width: 768px) {
  section[data-section-id="5f9d474211f67f690aa7722c"] {
    min-height: inherit !important;
  }
  [data-section-id="5f9d228a501b164da38d4f09"] .section-background img {
     object-position: 75% !important;
  }
  [data-section-id="5f9d228a501b164da38d4f09"] .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-display {
    height: 100vh;
  }
}

Url doesn't exist. Can you check again?

https://madebykubeba.com/gallery/mural