Project Page image display on mobile (York family)

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

hello! 

i have a portfolio website at olivianeagle.com that uses the Lange template and I have a few questions. 

1. currently on the  mobile view of my site, the banner images on pages ive used the "project" template for  are cropping very weirdly. these are the three pages that are effected: 

• Build for Everyone
• 36 Days of Type
• Space Jams

the images are super zoomed in, like this: 

is it possible to fix this? i want them just to crop to the same aspect ratios as they do on desktop. 

2. you previously helped me with the tile images on my mobile site in this thread. it looks so much better and thank you so much for your help. the only outstanding issue is that theres an odd black line on the "Build for Everyone" page, and that image is not centered. not a big deal, but is it possible to fix that? 

this is the custom code i currently am using the resize those images on mobile: 

/* Resize mobile images */
@media screen and (max-width:640px) {
body.homepage div.index-section figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
body.homepage div.index-section {
    min-height: unset !important;
    height: 170px;
}
div.index-section .sqs-video-background {
    height: auto !important;
}
}

Let me know if it is possible to fix those two things. thank you for all your help!! 

Hi.

Q1.Add to Page Header (Hover on project >> Click Gear icon to open Page Header)

<style>
  /* resize mobile image */
  @media screen and (max-width:640px) {
  .page-banner-image-container.collection-thumbnail-image-container.content-fill img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
    .page-banner-wrapper.page-banner-has-image {
    height: 250px !important;
}
  }
</style>

Q2. Can you take a screenshot black line?

hi @tuanphan

1. im a bit confused about the page heade.r i was able to get the header open, but can you explain where to inject that code? 

2. im attaching a screenshot of the black line below:

it is above the "build for everyone" project tile. 

thank you for all your help! really appreciate it. 

thanks, 

olivia

2. 

Hover on Page Name (on Navigation or Not Linked) > Click Gear icon to open Page Header >> Click Advanced > Paste the code