JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
Usar CSS para ajustar contenido
</h1>
<p>
Podemos ajustar las imágenes segun nuestras necesidades, por ejemplo en este codigo le estoy diciendo a la imagen que si la resolucion es menor de los 600px que se ajuste al 100% de la pagina con una altura proporcional al tamaño.<br>
<h3>
Para ver muestra redusca el ancho de la ventana de su navegador.
</h3>
</p>
<img 
 src="https://www.google.com.mx/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
 class="logogoogle"
 alt="Ejemplo de clase (css)"
>

CSS

.logogoogle{
  width: 200px;
  height: 45px;
}
@media screen and (max-width:600px){
  .logogoogle{
    width:100%;
    height:auto;
  }
}