.hero-text {
  height: 39%;
}

.social-media {
  position: relative;
}

.social-media img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.social-media ul {
  list-style: disc;
  padding-left: var(--space-10);
  font-size: var(--text-size-lg);
  line-height: 35px;
  position: absolute;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .social-media img, .social-media ul {
    position: static;
  }

  .arrow-down {
    bottom: unset;
  }
}