.plugin-people { .people-detail-visual { margin-top: 20px; } .people-group { margin: 20px 0 15px; } li.people-item { width: 160px; vertical-align: top; margin-right: 20px; text-align: center; hr { margin: -1px 40px; border-top: 1px solid #d4d4d4; } } } .people-link { float: right; } .people-visual { position: relative; img { position: relative; z-index: -2; } a, a:hover, a:active { border: 0 !important; display: block; height: 100%; } } .people-visual:before { content: ""; -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); width: 160px; /* left: -20%; */ height: 20px; background-color: #fff; position: absolute; top: 216px; z-index: -1; } .header-content { height: 128px; .btn-consultation:extend(.btn-default, .btn-xs) {} .plugin-people-feature { margin-top: -15px; width: 400px; .people-visual:before { top: 160px; } .people-visual { img { height: 170px; } margin-left: 0; } .people-description { padding-top: 40px; font-size: 13px; } } } .plugin-people-feature { margin-top: 20px; .people-visual { float: left; margin-bottom: 10px; margin-left: -90px; // overflow: hidden; // height: 180px; } .people-visual:before { // top: 170px; } .people-description { font-size: 14px; padding-top: 36px; padding-left: 15px; } .people-controls { text-align: right; margin-bottom: 5px; } }