.family{
      margin: 30px 0;
      padding: 100px 0;
      background-image: url(../images/family_bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      z-index: 1;
      &::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #3d5963;
        z-index: -1;
        opacity: .9;
      }
.family_wrapper{
      .family_wrap{
          .memberImg{
            height: 230px;
            width: 230px;
            border-radius: 50%;
            margin: 0 auto;
            img{
                max-height: 100%;
                width: 100%;
                border-radius: 50%;

            }
          }
          .mamberInfo{
            text-align: center;
            padding-top: 20px;
            h5{
                font-size: 22px;
                color: $white;
                font-weight: 600;
                text-transform: uppercase;
            }
            h6{
                font-size: 19px;
                color: $white;
                font-weight: 500;
            }
          }
      }
}
}