How to match Index Page "WORK" header margin to "STUDIO" Page header margin?

How do I match the Index Page "WORK" header margin to the "STUDIO" Page header margin on my site?

Can you share your website URL?

Sorry. https://ivesgrafik.com

I used this Custom CSS code for the header; however, the margin is not consistent with the "STUDIO" page of my site, and my images are being cropped by the header bar on the "WORK" page which is more noticeable when the announcement bar is on.

section#container {
    padding: 0px !important;
    margin-top: 100px !important;
}

It's probably cropping the images because you are forcing the margin-top to a fixed value, without that it is dynamic to account for elements like the announcement bar and header height.

How do I change the "WORK" Index Page margin to match that of the "STUDIO" Page margin? I removed the following from my Custom CSS, and now the images are not cropped.

    margin-top: 100px !important;

Thanks for that solution.

Actually, I removed all of this code:

section#container {
    padding: 0px !important;
    margin-top: 100px !important;
}

Is it possible to increase the header margin of the Index Page only to match the "Studio" Page margin?

This works, but it works universally across the site. I want to increase the padding/margin below the header on the "WORK" Index Page only. Thanks for your help with this.

Assuming you mean the Studio page, this is the code for that page. 

#collection-61ab922820fe8637e83decb6 {
  #container-content {
    padding-top:0px;
  }
}

(the work page doesn't have padding at the top)