ul.peoplelist { display: flex; flex-wrap: wrap; width: calc(100% + 32px);
    position: relative; left: -16px; padding: 0; margin:24px 0 0; }

ul.peoplelist li { padding: 0 16px 48px;  width: 100%;
    list-style: none; }




ul.peoplelist li picture { display:block; width: 100%; height: 0; padding-bottom:100%; background: rgba(0,0,0,0.14);
    position: relative; margin-bottom: 10px; overflow: hidden; }
ul.peoplelist li picture img {
    position: absolute; display: block; object-fit: cover; height: calc(100% + 2px); width: calc(100% + 2px); left: 50%; top: 50%; transform: translate(-50%,-50%);  }

@media (min-width: 541px) {

    ul.peoplelist li { width:50%; }
}

@media (min-width: 768px) {

    ul.peoplelist li { width: 33.33%; }
}