body {
  max-height: 100dvh;
  grid-template-rows: repeat(5, 1fr);
}

.project-image {
  display: flex;
}

picture {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  position: relative;
  object-fit: cover;
}

picture a {
  height: 100%;
  position: absolute;
}

.project-image video {
  object-fit: cover;
}

.project-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.lazyload,
.lazyloading {
  filter: blur(0);
  opacity: 0;
}

.lazyloaded {
  transition: all 300ms;
  opacity: 1;
}