body {
   background-image: url('https://file.garden/Z29B4joTwxFKxW4O/thegarden.PNG');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color:black;
}
main {
      width: 100%;

}


.container {
overflow: auto; }

.menu {
float: left;
width: 100%
}

.gridcontainer {
   display: grid;
    grid-template-areas: 
    'sidebar1 main main main sidebar2' 
    'sidebar1 main main main sidebar2' 
    'sidebar1 main main main pictures' 
    'footer footer footer footer footer';
    gap: 1em;
    padding: auto;
    position: relative;
    z-index: 3;
    margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10em;
  margin-right: 10em;
    width: 88em;
 
}
.main {
  grid-area: main;
  
}

.sidebar1 {
  grid-area: sidebar1;
  
}
.sidebar2 {
  grid-area: sidebar2;
  
}
.pictures {
  grid-area: pictures;
  
}
.footer {
  grid-area: footer;
  
}