Guarda corréctamente las imágenes en el directorio media/dispositivos, pero no muestra la imagen en pantalla. ¿Qué hago mal?

Directorio "media" está en la raíz.

[![introducir la descripción de la imagen aquí][1]][1]


**Archivo** dispositivo_list.html

        {% for dispositivo in object_list %}
    <img style="height:30px" src="{{ dispositivo.imagen_dispositivo.image.url }}">
        {% endfor %}


Devuelve:

[![introducir la descripción de la imagen aquí][2]][2]

**Archivo** models.py

    class ImagenDispositivo(models.Model):
        name = models.CharField('Nombre',max_length=50)
        image = models.ImageField(upload_to='dispositivos/')
    
        class Meta:
            verbose_name = 'Imagen dispositivo'
            verbose_name_plural = 'Imagen de dispositivos'
            ordering = ['name']
    
        def __str__(self):
            return self.name

    class Dispositivo(models.Model):
        imagen_dispositivo = models.ForeignKey(ImagenDispositivo, on_delete=models.CASCADE,null=False, blank=False)
        marca = models.CharField('Marca',max_length=50,null=True, blank=True)
        modelo = models.CharField('Modelo',max_length=50,null=True, blank=True)
    
        class Meta:
            verbose_name = 'Dispositivo'
            verbose_name_plural = 'Dispositivos'
            ordering = ['instalacion']
    
        def __str__(self):
            return str(self.pk)


**Archivo** settings>local.py

    STATIC_URL = '/static/'
    MEDIA_URL = '/media/'
    STATIC_ROOT = os.path.join(BASE_DIR, "static")
    MEDIA_ROOT = os.path.join(BASE_DIR, "media")


  [1]: https://i.sstatic.net/0jNU7.png
  [2]: https://i.sstatic.net/Hoyiq.png