.frame {
  height: 160px; /*can be anything*/
  width: 160px; /*can be anything*/
  display: inline-block;
  vertical-align: top; /*not required*/
  position: relative;
}

.frame img {
  max-width: 90%;
  height: 90%;
  width: auto;

  display: block;
  margin: 0 auto;
  
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
}

.frame2 {
  height: 320px; /*can be anything*/
  width: 320px; /*can be anything*/
  display: inline-block;
  vertical-align: top; /*not required*/
  position: relative;
}

.frame2 img {
  max-width: 90%;
  height: 90%;
  width: auto;

  display: block;
  margin: 0 auto;
  
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
}