#about {
  /* line-height: 3rem; */
  width: 100%;
  margin: 10vh auto;
  /* margin-left: 2rem; */
  /* margin-right: 2rem; */
  /* border: 1px solid #fccc64; */
  /* border: 1px solid #d57f2e; */
  padding: 18px;
  background: rgb(213, 127, 46);
  background: linear-gradient(0deg, #8cccf4 70%, rgba(244, 244, 244, 1) 51%);
}

#about .img-wrapper {
  width: 90%;
  max-width: 767px;
  margin: auto;
  min-height: 70vh;
  max-height: 500px;
  overflow: hidden;
  background-image: url(../../assets/images/pexels-jackson-david-3787149.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;

  border-radius: 10px;

  /* filter: brightness(80%) grayscale(1); */
  filter: grayscale(1);
}
#about .img-wrapper img {
  /* min-height: 100px; */
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
#about .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem auto;
}
#about .content h1 {
  font-size: 2.5rem;
  margin: 1rem auto 2rem;
}
#about .content .content-para {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  /* NEW CODE */
  /* grid-template-rows: repeat(auto-fill, minmax(200px, 1fr)); */
  /* grid-template-rows: repeat(auto-fill, minmax(200px, 1fr)); */
  row-gap: 20px;
  column-gap: 20px;
  /* padding: 10px; */
  /* NEW CODE */
  max-width: 600px;
  margin: auto;
}
#about .content .content-para p {
  line-height: 2rem;
  font-size: 1.2rem;
  font-size: 16px;
}
@media (min-width: 320px) and (max-width: 992px) {
  #about .img-wrapper {
    width: 90%;
    min-height: 50vh;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  #about .content .content-para {
    max-width: 400px;
  }
}