Con CSS Podemos añadir borde a un texto para que quede así:

Añadiendo este código CSS a la clase del texto:
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;

Hay una nueva propiedad CSS llamada text-stroke para poner el borde al texto:

-webkit-text-stroke: 1.5px black;

El resultado es diferente usando una propiedad u otra, por lo que podemos probar una u otra y quedarnos con la que mejor se vea.

Con este código hacemos que la imagen se adapte al tamaño de la pantalla (responsive). Le indicamos un ancho máximo para que no se amplie en pantallas grandes.

img {
width:100%;
max-width:400px; /*Debe ser igual al ancho de la imagen*/
}

Para que funcione el div que la contenga no debe tener especificado un width fijo.

Fuente: genbetadev