#projectSection{
  width: 75%;
  height: 75%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.projectPost{
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  border: 0.5px solid rgba(120, 120, 120, 0.18);
  background:
  linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(92, 92, 92, 0.78)),
  linear-gradient(315deg, rgba(42, 42, 42, 0.82), rgba(255, 255, 255, 0.35));
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 700px){
  #projectSection{
    grid-template-columns: repeat(1, 1fr);
  }
}