.practicePhoto {
  background: var(--paper) !important;
  border-block: 2px solid var(--ink);
}

.practicePhotoGrid {
  grid-template-columns: minmax(280px, 1fr) minmax(0, 520px) !important;
}

.practicePhoto figure {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end;
  padding: 10px 10px 12px;
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 10px 10px 0 var(--blue);
  transform: rotate(.5deg);
}

.practicePhoto img {
  display: block !important;
  width: 100% !important;
  max-width: 496px !important;
  height: auto !important;
  max-height: 372px !important;
  object-fit: contain !important;
  border-radius: 12px;
}

.practicePhoto figcaption {
  margin: 12px 4px 0 !important;
  color: var(--ink);
}

@media (max-width: 850px) {
  .practicePhotoGrid {
    grid-template-columns: 1fr !important;
  }

  .practicePhoto figure {
    justify-self: center;
    transform: none;
  }
}