CSS

image resize css

#myDiv
{
  height: 104px;
  width: 140px;
}
#myDiv img
{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}

css resize image

/* With img element */
.my-image {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* with background image */
.my-image {
  width: 500px;
  height: 400px;
  background-image: url('myurl.jpg');
  background-size: cover;
}

how to resize img in css

.whatever {
  width: 500px;
  height: 400px;
  background-image: url('myurl.jpg');
  background-size: cover;
}