@media (min-width: 1024px) {
  main {
    padding-top: 0vh;
  }

  main section {
    flex-direction: row;
    align-items: flex-start;
  }

  main section {
    padding: 20px 12.5%;
  }

  main section:last-child {
    justify-content: center;
  }

  #hero-mobile {
    display: none;
  }

  #hero-pc {
    width: 100%;
    height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("/assets/imgs/gardening.jpg") no-repeat center/cover;
    display: flex;
    justify-content: flex-start;
    padding-top: 30%;
    padding-bottom: 50px;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    position: relative;
  }

  #hero-pc h2 {
    margin-top: 0.5rem;
  }

  #hero-pc h3 {
    margin-top: 2rem;
  }

  #hero-pc h4 {
    margin-top: 1rem;
  }
}
@media (min-width: 1600px) {
}