.portfolio-ui [data-galleon-sailing] {
  position: relative;
  height: 320px;
  overflow: hidden;
  isolation: isolate;
  background: transparent;
}
.portfolio-ui .site-galleon-water { position: absolute; inset: 0; z-index: 0; }
.portfolio-ui .site-galleon-water canvas { display: block; image-rendering: pixelated; }
.portfolio-ui .site-galleon-ship {
  position: absolute; z-index: 1; width: 160px; height: auto;
  left: calc(50% - 80px); top: calc(50% - 64px);
  image-rendering: pixelated; transform: scaleX(-1); pointer-events: none;
}
@media (max-width: 700px) { .portfolio-ui [data-galleon-sailing] { height: 280px; } }