<picture>
        <!-- 0px- 400px -->
        <source media="(max-width: 400px)" srcset="img/redes.jpg">
        <!-- 401px- 700px -->
        <source media="(max-width: 700px)" srcset="img/social.jpg">
        <!-- 701px- 700px -->
        <source media="(max-width: 900px)" srcset="img/seguridad.jpg">
        <!-- 901px en adelante -->
        <img src="img/codigo.jpeg" alt="Imagen por Defecto">
    </picture>

<picture>
        <!-- 0px- 400px -->
        <source media="(max-width: 400px)" srcset="img/redes.jpg">
        <!-- 401px- 700px -->
        <source media="(max-width: 700px)" srcset="img/social.jpg">
        <!-- 701px- 700px -->
        <source media="(max-width: 900px)" srcset="img/seguridad.jpg">
        <!-- 901px en adelante -->
        <img src="img/codigo.jpeg" alt="Imagen por Defecto">
    </picture>

<picture>
        <!-- 0px- 400px -->
        <source media="(max-width: 400px)" srcset="img/redes.jpg">
        <!-- 401px- 700px -->
        <source media="(max-width: 700px)" srcset="img/social.jpg">
        <!-- 701px- 700px -->
        <source media="(max-width: 900px)" srcset="img/seguridad.jpg">
        <!-- 901px en adelante -->
        <img src="img/codigo.jpeg" alt="Imagen por Defecto">
    </picture>