.image-thumb1 {
   width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 10px;
    position: relative;
}


.image-thumb1 img {
   
    position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
   //object-fit: contain; /* Do not scale the image */
  // object-position: center; /* Center the image within the element */
 
}


.center-cropped1 {
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 100px;
  width: 100px;
}