#feature-pp-block .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 0rem;
    -moz-column-gap: 0rem;
    column-gap: 0rem;
            width: calc(100% - 4rem);
        height: calc(100% - 6rem);
}

#feature-pp-block .grid .grid-item {
    width: 33.333333333333333%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  
}

#feature-pp-block .grid .grid-item:nth-child(1) {
  background: #7f4253;
}
#feature-pp-block .grid .grid-item:nth-child(2) {
  background: #7a7752;
}
#feature-pp-block .grid .grid-item:nth-child(3) {
  background: #51646e;
}
#feature-pp-block .grid .grid-item:nth-child(4) {
  background: #966a37;
}
#feature-pp-block .grid .grid-item:nth-child(5) {
  background: #007699;
}
#feature-pp-block .grid .grid-item:nth-child(6) {
  background: #1d3750;
}
#feature-pp-block .grid .grid-item:nth-child(7) {
  background: #58354b;
}
#feature-pp-block .grid .grid-item:nth-child(8) {
  background: #51646e;
}
#feature-pp-block .grid .grid-item:nth-child(9) {
  background: #7a7752;
}

#feature-pp-block .grid .grid-item .profile-img {
  position: relative;
  height: 100%;
}

#feature-pp-block .grid .grid-item .profile-img img {

  top: unset;
  left: unset;
  width: 100%;
  height: 100%; 
  background: transparent;
  padding-top: 10px;

}


@media screen and (max-width: 1023px) {
  .intro-text .text .img#feature-pp-block {
    width: 50%;
  
  }

  #feature-pp-block .grid {
    width: calc(100% - 2rem);
    height: calc(100% - 3rem);
  }
}

@media screen and (max-width: 900px) {
    .intro-text .text .img#feature-pp-block {
    width: 100%;
      min-height: 400px;
      padding-bottom: 0;
  }

  #new.intro-text .text .body-text {
    width: 100%;
    padding-top: 7rem;
    margin-top: -10.5rem;
  }
}

@media screen and (max-width: 639px) {
    #new.intro-text .text .body-text {
  margin-top: -7rem;
}
}
@media screen and (max-width: 500px) {
.intro-text .text .img#feature-pp-block { 
  min-height: 300px;
}
}