<div class="masonry__container masonry--animate">
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-1.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Founder</h6>
                                    <h5>Madelline Smith</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-5.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Director</h6>
                                    <h5>Isabelle Pearce</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-6.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Developer</h6>
                                    <h5>George Brown</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-3.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Product Designer</h6>
                                    <h5>Danielle Smith</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-2.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Product Designer</h6>
                                    <h5>Christopher King</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-4.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Visual Designer</h6>
                                    <h5>Lucille Bertram</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-7.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Graphic Artist</h6>
                                    <h5>Victor Ko</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                    <div class="col-md-3 col-sm-6 masonry__item">
                        <div class="hover-element member member-2" data-title-position="center,center">
                            <div class="hover-element__initial">
                                <img alt="Pic" src="/sites/default/files/images/avatar-team-8.jpg" />
                            </div>
                            <div class="hover-element__reveal" data-overlay="9">
                                <div class="boxed">
                                    <h6>Developer</h6>
                                    <h5>Kenneth Proast</h5>
                                </div>
                                <ul class="social-list pos-absolute pos-bottom">
                                    <li>
                                        <a href="#">
                                            <i class="socicon-twitter">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-dribbble">&nbsp;</i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-vimeo"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="socicon-instagram">&nbsp;</i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--end hover element-->
                    </div>
                </div>