main{
  text-shadow: 1px 1px 2px black;
}

.sectionContainer {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 50px;
  justify-content: center;
  text-align: center;
  font-size: 22px;
}

.leftContainer{
  display: flex;
  justify-content: space-evenly;
  padding: 20px;
  width: 90%;
  height: 100%;
  align-items: center;
  margin: auto;
}

.rightContainer{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
  padding: 20px;
  width: 90%;
  height: 100%;
  align-items: center;
  margin: auto;
}

.leftImg{
  float: left;
  padding: 20px;
  width: 100%;
  height: 100%;
}

.leftImg img{
  height: 100%;
  width: 100%;
  border-radius: 75px;
  object-fit: cover;

}

.rightImg{
  float: right;
  padding: 20px;
  width: 100%;
  height: 100%;
  border-radius: 75px;
}

.rightImg img{
  height: 100%;
  width: 100%;
  border-radius: 75px;
  object-fit: cover;
}

.leftTxt{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: justify;
  justify-content: center;
  font-size: 20px;
}

.rightTxt{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: justify;
  justify-content: center;
  font-size: 20px;
}

.leftH1{
  text-align: center;
}

.rightH1{
  text-align: center;
}

@media screen and (max-width: 900px) { 
  .leftContainer{
    display: flex;
    padding: 20px;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0px;
  }
  .rightContainer{
    display: flex;
    flex-direction: row-reverse;
    padding: 20px;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0px;

  }
}