.hero-panel {
  box-shadow: 7px 7px 0 var(--red);
}
.profile-card {
  box-shadow: 10px 10px 0 var(--navy-deep);
}

@media (max-width: 540px) {
  .hero-panel {
    box-shadow: 5px 5px 0 var(--red);
  }
  .profile-card {
    box-shadow: 6px 6px 0 var(--navy-deep);
  }
}