.iiShare .how {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media screen and (max-width: 640px) {
  .iiShare .how {
    margin-top: 350px;
  }
}
.iiShare .how .top {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
.iiShare .how .top .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 700px;
  gap: 15px;
}
.iiShare .how .top .img-container {
  overflow: hidden;
  max-width: 650px;
}
.iiShare .how .top .img-container img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.iiShare .how .bottom {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
.iiShare .how .bottom .img-container-2 {
  max-width: 705px;
  overflow: hidden;
}
.iiShare .how .bottom .img-container-3 {
  max-width: 600px;
  overflow: hidden;
  margin-right: 50px;
}

.iiShare .how .bottom .img-container-2 img,
.iiShare .how .bottom .img-container-3 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .iiShare .how .top {
    flex-direction: column;
  }
  .iiShare .how .top .img-container img {
    width: 100%;
  }
  .iiShare .how .bottom {
    display: none;
  }
  
}