box-sizing: border-box;
width: 100%;
padding: 5px;
En este caso, la imagen (elemento hijo) "se encojería" y se ajustaría al tamaño del contenido (elemento padre). Esto ocurre porque el border-box le indica al navegador que tenga en cuenta cualquier borde y relleno en los valores especificados para el ancho y el alto de un elemento.
