.blocks__featured-guests {
  position: relative;
  padding: 30px 0 60px 0;
  &::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 225px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
    z-index: -1;
  }
  .title {
    h3 {
      font-family: "Roboto", sans-serif;
      font-size: 28px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.33px;
      text-align: center;
      color: #111111;
      margin: 0 0 40px 0;
    }
  }
  .grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 678px;
    margin: 0 auto;
    .grid__item {
      flex-basis: calc(33.33% - 15px);
      transition: all 0.5s cubic-bezier(0, 2, 0.6, 1);
      &:hover {
        .guest__info {
          h5 {
            color: #ccc;
          }
        }
      }
      a {
        img {
          display: block;
          width: 100%;
          max-width: 206px;
          height: auto;
          border-radius: 0;
          object-fit: cover;
          height: 206px !important;
          margin: 0 auto 10px auto;
        }
        .guest__info {
          h5 {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.25px;
            text-align: center;
            color: #fff;
            margin: 0;
          }
          p {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.19px;
            text-align: center;
            color: #fff;
            margin: 0;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 991px) {
  .blocks__featured-guests {
    &::after {
      height: 60%;
    }
    .grid {
      .grid__item {
        flex-basis: 100%;
        &:first-child {
          .guest__info {
            h5,
            p {
              color: #111111;
            }
          }
        }
        &:last-child {
          margin-bottom: 0;
        }
        a {
          position: relative;
          display: block;
          max-width: 206px;
          margin: 0 auto 20px auto;
        }
      }
    }
  }
}