.about-page{
  padding: 10% 10%;
  background-color: #ffffff;
  display: flex;
  align-items: top;
  font-family: 'Inter', sans-serif;
  color: #17367F;
  justify-content: center;
  gap: 5%;
}
.text {
  /* border: 1px solid red; */
  width: 35%;
}
.text h1{
  font-size: 2vw;
  font-weight: 500;
  margin-bottom: 2vw;
}
.text p{
  font-size: 1rem;
  margin-bottom: 1vw;
}
.img-container {
  /* border: 1px solid red; */
  width: 40vw;
  height: 30vw;
  position: relative;
}
.img-container img {
  width: 40vw;       
  height: 25vw;          
  overflow: hidden;
  object-fit: cover;
  object-position: center; 
  position: absolute;
  border-radius: 8vw 1vw 8vw 1vw;
  top: -1vw;
  right: -4vw;
  z-index: 2;
}
.img-container__background {
  width: 100%;       
  height: 25vw;          
  background-color: #EFF2F7;
  position: absolute;
  border-radius: 8vw 1vw 8vw 1vw;
  z-index: 1;
  bottom: 3vw;
}
@media (max-width: 768px) { 
    .about-page {
      flex-direction: column;
      gap: 4rem;
      padding: 5% 10%;
      justify-content: left;
    }
    .text {
      width: 100%;
      text-align: left;
    }
    /* .text h1 {
      font-size: 4vw;
    } */
    /* .text p {
      font-size: 1.2rem;
    } */
    .img-container {
      width: 100%;
      height: 60vw;
      margin-top: 5vw;
    }
    .img-container__background {
      display: none;
    }
    .img-container img {
      width: 100%;       
      height: 50vw;          
      border-radius: 8rem 1vw 8rem 1vw;
      top: 0vw;
      right: 0;
    }
    .text h1 {
      display: none;
    }
}