.photos-wrapper {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background: url(https://thisishowyoucook.com/wp-content/uploads/2025/06/andyone-WW8jBak7bo-unsplash.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
}

.desk {
  width: 110vw;
  height: 110vh;
  left: -5vw;
  top: -5vh;
  background: url(https://thisishowyoucook.com/wp-content/uploads/2025/06/andyone-WW8jBak7bo-unsplash.jpg) no-repeat 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  transition: filter .2s ease;
  body.full & {
    // filter: blur(2px);
  }
}

.photos {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
figure {
  margin: 0;
  padding: 2vmin;
  background: white;
  width: 30vmin;
  border-radius: .5vmin;
  box-shadow: 0 0 4vmin rgba(0,0,0,.75), 0 0 .5vmin rgba(0,0,0,.5);
  font-family: 'Arsenal', sans-serif;
  font-size: 16px;
  position: absolute;
  transition: box-shadow .2s ease, filter .2s ease;
  .active & {
    box-shadow: 5vmin 5vmin 4vmin rgba(0,0,0,.75), 0 0 2vmin rgba(0,0,0,.2);
  }
  img {
    max-width: 100%;
    pointer-events: none;
  }
  figcaption {
    text-align: center;
    pointer-events: none;
  }
  body.full .drag:not(.active) & {
    // filter: blur(2px);
  }
}