.img-lists ul li{
    float: left;
    width: 21.7%;
    margin: 20px 1.5% 0 1.5%;
    border: 1px solid #eee;
    transition: all 0.3s;
    position: relative;
    top: 0;}
    
.pic {
    padding-top: 139%;
    position: relative;
    overflow: hidden;}
.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    object-fit: cover;}