.album{
  position: fixed;
  top: 4vh;
  width: 100vw;
  height: 96vh;
  
  border-top: 1px solid black;
  overflow-y: scroll;
  padding-left: 0px;
  background-color: white;
  
}

.album-gallery {
  position: absolute;
  top: 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: top;
  margin: 0vh auto;
  grid-gap: 0rem;
  max-width: 100vw;
  justify-content: center;
}


#coverpicture{
   display: grid;
  grid-template-columns: repeat(2, 1fr);
}


li{
  margin-bottom: -5px;
}

.album-gallery[data-even] {
  grid-template-columns: repeat(4, 1fr);
}
.album-gallery[data-count="1"] {
  grid-template-columns: 1fr;
}
.album-gallery[data-count="2"] {
  grid-template-columns: 1fr 1fr;
}



@media screen and (max-width: 40rem) {

  .album{
    top: 6vh;
  }

  }