.emerald-staff-item {
    @media screen and (min-width:1024px) {
      padding: 3rem 0;                
    }
    @media screen and (max-width:1023px) {
      padding: 1.75rem;
      .container{
        width: 100%;
      }
    }

      .flexholder{
              display: flex;
              justify-content: space-between;
              align-items: center;

                                           @media screen and (min-width:1024px) {
                                              flex-direction: row;
                                           }
                                           @media screen and (max-width:1023px) {
                                             flex-direction: column; 
                                           }
              
              
              .left_side{
                  @media screen and (min-width:1024px) {
                  width: 70%;  
                  padding-right: 3rem;              
                  }
                  @media screen and (max-width:1023px) {
                  width: 100%;     
                  }
                  h3{
                    font-size: calc(1.75rem + 0.1vw);
                  }

                  .buttonholder{
                    margin-top: 2rem;
                  }
              }

              .right_side{
                  @media screen and (min-width:1024px) {
                  width: 30%;                
                  }
                  @media screen and (max-width:1023px) {
                  width: 100%;     
                  }
                  figure{
                    margin: 0;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;

       @media screen and (min-width:1024px) {
                                    min-height: 18rem;
                    max-height: 22rem;
             }
             @media screen and (max-width:1023px) {
                                    min-height: 26rem;
                    max-height: 30rem;
             }

                    img{
                      opacity: 0;
                      pointer-events: none;
                      width: 100%;
                    }
                  }
              }


      }

  }