#myDiv
{
height: 104px;
width: 140px;
}
#myDiv img
{
max-width: 100%;
max-height: 100%;
margin: auto;
display: block;
}squareImage {
border: 1px solid #ddd; /* thickness and color of border */
border-radius: 4px; /* edge rounding of border */
width: 150px; /* width of image (px or % or auto) */
height: auto; /* height of image (px or % or auto) */
}.whatever {
width: 500px;
height: 400px;
background-image: url('myurl.jpg');
background-size: cover;
}/* Keyword values */
resize: none;
resize: both;
resize: horizontal;
resize: vertical;
resize: block;
resize: inline;
/* Global values */
resize: inherit;
resize: initial;
resize: unset; <div style="width: 200px; height: 200px;">
<img src="imagen\imagen1.jpg" style="width: 100px; height: 100px;"/>
</div>