.responsible-hero-media {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.responsible-hero-media img {
  border-radius: var(--radius-md);
}

.responsible-hero-media__content h2 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--space-2);
}

.responsible-hero-media__content ul {
  margin-top: var(--space-2);
}

@media (min-width: 768px) {
  .responsible-hero-media {
    align-self: center;
  }
}