.wall {
  display: flex;
  flex-wrap: wrap;
  gap: 38px;
  padding: 40px 20px;
}
.tile {
  width: 230px;
  padding: 10px;
  background: white;
  border: 1px solid #b4c4c7;
  display: block;
}
/* 第11次已完成的变换 */
.tile-1 {
  transform: rotate(-6deg);
}
.tile-2 {
  transform: rotate(5deg) scale(.95);
}
.tile-3 {
  transform: translateY(12px);
}
.tile-4 {
  transform: skewX(-4deg);
}
/* BEGIN WALL-TRANSITION */
/* TODO：让照片平滑变化与恢复；在标记之间完成。 */
/* END WALL-TRANSITION */
/* BEGIN REDUCED */
/* TODO：适配减少动态；在标记之间完成。 */
/* END REDUCED */