En un desarrollo web tengo una imagen para una portada para la vista Desktop, necesito que esta imagen sea diferente desde la vista Mobile debido a la resolución de dicha imagen.
El código con el cual muestro mi imagen en la portada desde la vista Desktop es el siguiente:
<div class="row" style="padding-top:51px;">
<div class="col-xs-12 col-lg-12" style="padding-top: 20px;">
<img src="../Imagen-Desktop.png" class="img-fluid img-responsive imagenPortada intentoProd Imagen-portada" width="1800" height="500">
<div class="texto-encima">
<span class="EncabeazdoVerdeProd"> Titulo</span><br />
<span class="EncabezadoBlancoProd">Descripcion</span>
</div>
</div>
</div>
La imagen que deseo que se vea para la vista Mobile corresponde a la de la siguiente url: ../Imagen-Mobile.png
.
Es posible hacer algo por medio de CSS o directamente en el HTML ?