Serve images with dockerized Nginx of another container - docker

Question

I have a container where Nginx is running, and a django application in another container with a media folder where there are images that I want to serve using Nginx.
I tried to achieve this using volumes, here is the docker-compose file :
version: '3.7'
services:
proxy:
build: ./proxy/
ports:
- "80:80"
volumes:
- ./backend/static:/vol/static
- ./backend/media:/vol/media
frontend:
build: ./frontend/
backend:
build:
context: ./backend/
command: gunicorn backend.wsgi:application --bind 0.0.0.0:8000
volumes:
- ./backend/static:/vol/static
- ./backend/media:/vol/media
ports:
- "8000:8000"
restart: always
env_file:
- ./backend/.env
depends_on:
- db
db:
image: postgres:12-alpine
ports:
- "5432:5432"
restart: always
volumes:
- ./backend/postgres_data:/var/lib/postgresql/data:rw
env_file:
- ./backend/.env
And here is the nginx.conf file
http{
server{
listen 80;
location /{
proxy_pass http://frontend:3000/;
proxy_set_header X-Forwarded-For $remote_addr;
}
location ~* /(api/.*) {
proxy_pass http://backend:8000/$1;
proxy_set_header X-Forwarded-For $remote_addr;
}
location ~* /(media/.*){
root /vol/$1;
proxy_set_header X-Forwarded-For $remote_addr;
}
}
}
Nginx is returning error 404 when I try to fetch an image from the