.hero-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(24px, 4vw, 42px);
  border-width: 2px;
  box-shadow: 14px 14px 0 rgba(241, 206, 8, .88);
}

.hero-company-logo {
  display: block;
  width: min(100%, 360px);
  height: auto;
  margin: 0 auto 22px;
  object-fit: contain;
}

.hero-brand-card h3 {
  margin-bottom: 8px;
  color: #111;
}

.hero-brand-card p {
  margin: 0;
  color: #3f3f3f;
}

@media (max-width: 980px) {
  .hero-brand-card {
    width: min(100%, 560px);
  }

  .hero-company-logo {
    width: min(100%, 320px);
  }
}

@media (max-width: 620px) {
  .hero-brand-card {
    width: calc(100% - 10px);
    margin-right: 10px;
    box-shadow: 8px 8px 0 rgba(241, 206, 8, .88);
  }

  .hero-company-logo {
    width: min(100%, 270px);
  }
}