.resizable {
  margin:2rem 0;
  padding:1.5rem;

  height:190px;
  width:100%;

  resize:vertical;
  overflow:auto;

  display:flex;
  justify-content:space-evenly;
  align-items:center;
  gap:1rem;

  background:white;
  border:1px solid var(--border);

  box-shadow:
    0 1px 2px rgba(0,0,0,.04),
    0 8px 24px rgba(0,0,0,.06);
}

.shadow {
  display:block;
  margin:2rem auto;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.32));
}

.huge {
  height:700px;
}

.pixelated {
  image-rendering:pixelated;
}

.resizable > img,
.resizable > pixel-art {
    height:100%;
}