"BUG" pictures goes over menubar

Site URL: https://nectarine-banjo-ewdh.squarespace.com/over-ons

Hi Guys,

I am working on my website but after putting in a sticky menu code, some pictures go over the menu bar instead of under
Could you guys please help me fix this?



This is my full custom code:


 

header {
position: fixed;
 width: 100%;
z-index: 4;
}

//menu font-ab //
.Header-nav--primary
{font-family:'HERO REGULAR';}

//ADDING HERO FONT //
@font-face {   
font-family: 'HERO REGULAR';   
src: url(https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5ef45b6f9c95251197973435/1593072495709/Hero-Regular.ttf), url(https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5ef45b78e4119807307bafb5/1593072504961/Hero-Regular.otf)}

element.style {
    min-height: calc(75vh - -80px);
}
//ADDING HANDWRITEN FONT//
@font-face {
    font-family: 'TheGwathmey';
       src: url('https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5f477c6373c394243f5d8e93/1598520419665/TheGwathmey.ttf');
  }

h3 {font-family: 'TheGwathmey';}

.Header-inner--bottom {
  align-items: center; 
}
.Header-inner--bottom [data-nc-container="bottom-left"], 
.Header-inner--bottom [data-nc-container="bottom-center"], 
.Header-inner--bottom [data-nc-container="bottom-right"] { padding: 25px 20px !important; 
  border-bottom: 0px solid #ECE9E8; 
  border-top: 0px solid #ECE9E8;  /*optional style*/
}
.Header-inner--bottom [data-nc-container="bottom-right"] {
  border-right: 0px solid #ECE9E8; height: 25px;
}
.bar2 
{ 
  border: 10px solid #444D9A;
  width:60%;
  height: 15px;
  border-bottom: none;
  position: fixed;
  background: transparent;
  bottom: 10px;
  left: 30px; right: 30px;
  margin: 0px 0px
}

//Hoogte van section quote over ons//

element.style {
}
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 50vh;
}
  .footer {
  border: 7px solid #444D9A;
  width:90%;
  height: 0px;
  border-bottom: none;
  position: fixed;
  background: transparent;
  bottom: 1px;
  left: 50px; right: 50px;
  margin: 0px 0px
}

// Hide Spacer Blocks On Mobile //

@media only screen and (max-width: 640px){
.sqs-block.spacer-block {
display: none !important;
}
}