.projects-wrapper {
  display: flex;
  flex-direction: column;
  padding-block: 1.5rem;
  gap: 2rem;
}

.projects {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 0;
}

.project {
  border: 8px solid #d0c7b3;
  padding: 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 2rem;
  background: linear-gradient(
    270deg,
    rgba(249, 231, 188, 0.21) 0%,
    rgba(255, 255, 255, 0.21) 55.92%
  );

  img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
  }
}

.project-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}