Fitting a Banner Image to a Header

Site URL: https://www.aejackson.com/about

Hello everyone, on the page attached I have tried to figure out a way to make the entire image fit within the banner space but it is extremely zoomed in. I put the image below in a block to show you the full image. How can I accomplish this?

aejackson.com/about

13 minutes ago, wa7245 said:

Site URL: https://www.aejackson.com/about

Hello everyone, on the page attached I have tried to figure out a way to make the entire image fit within the banner space but it is extremely zoomed in. I put the image below in a block to show you the full image. How can I accomplish this?

 

aejackson.com/about

You can disable parallax effect 

Hi @wa7245 You mean banner on mobile? Add this code to Home > Design > Custom CSS

/* resize about page banner */
@media screen and (max-width:640px) {
body#collection-5fcd38812fa8bc6bcdf4af4a {
.Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.Parallax-item:first-child figure {
    top: 0 !important;
    transform: unset !important;
}
section.Intro.Intro--has-image {
    height: 100px;
}
}}

On 1/6/2021 at 10:51 PM, bangank36 said:

You can disable parallax effect 

Please check the site again, as it still isn't showing the full image.