@media (max-width: 800px) {
  .showcase-caption {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: max-content;
    padding: 3px 8px;
    border: 1px solid #4a4126;
    background: #151512e8;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .hero-showcase { height: 140px; }
  .hero-can { bottom: 18px; }
  .showcase-caption { top: 5px; }
}