.pageSection {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 1rem;
  background-color: white;
  box-shadow: 1px 1px 5px grey;
  border-radius: 3px;
}

.pageSectionContentText {
  width: 100%;
}
.pageSectionContentImage {
  max-width: 300px;
  width: 70%;
  float: right;

}
.pageSectionContent img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pageSectionImage {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 300px

}
.pageSectionImage img {
  width: 100%;
  height: 100%;
  object-fit:cover
}
.forPage .pageSection{
    padding: 5px;
    width: 95%;
    margin: auto;
        
}
.forPage .pageSectionContent{
    width: 60%
    
}
.forPage .pageSectionImage{
    width: 40%;
}
.forPage .pageSectionImage img {
    object-fit: contain
}
@media screen and (max-width: 600px) {
    .pageSectionImage img{
        object-fit: contain
    }
    .forPage .pageSectionImage,
    .forPage .pageSectionContent{
        width: 100%
    }
    .pageSection{
        flex-direction: column
    }
  .pageSectionImage {
    height: 300px;
  }
}