#hero>div {
  gap: 24px;
}

#hero>div img {
  border-radius: 20px;
}


#project .project__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background-color: var(--stb-border-gray);
  border: 1px solid var(--stb-border-gray);
}

#project .project__container>div {
  background-color: var(--stb-white);
  padding: var(--stb-space);
}

#project .project__container>div img {
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  #project .project__container {
    grid-template-columns: 1fr;
  }
}