Docker上でSSRにて、APIレスポンスの画像ファイル配信URLのホスト名が"http://(サービス名)~となり、アクセスできない(Django/Next.js)

■前提・実現したいこと
Docker上でフロントエンド・バックエンドでそれぞれコンテナを立ち上げて開発を行っています。
・フロントエンド:Next.js
サービス名:frontend
ポート:"3000:3000"
・バックエンド:DjangoRestFramework
サービス名:backend
ポート:"8000:8000"

Next.jsにてSSR(SSG)にてAPIを叩き、レスポンスからDBに登録された画像の配信URLを取得して、画像を表示しようと試みています。

■発生している問題・エラーメッセージ
Docker上でフロント：Next.js・バックエンド：DjangoRestFrameworkでそれぞれコンテナを立ち上げて開発を行っています。
DjangoのモデルImageFieldにてDBに画像(の配信URL)を登録して、ローカルの画像を表示しようと試みています。

エンドポイントとして設定（たとえば、http://127.0.0.1:8000/api/xxx）したアドレスをブラウザのURLで直接アクセスした場合は、配信URLは以下のように意図通り取得でき、登録した画像を適切に表示できるのですが、

{
・・(省略)・・
"image": "http://127.0.0.1:8000/api/images/xxx.jpg",
・・(省略)・・
},

Next.jsにてSSR(SSG)にてエンドポイントを叩いた場合、以下のようにレスポンス内の画像の配信URLがhttp://(サービス名):8000/api/imageとなってしまい、画像を表示することができず困っています。

{
・・(省略)・・
"image": "http://backend(サービス名):8000/api/images/xxx.jpg",
・・(省略)・・
},

■Docker-Compose.yml
version: '3'
services:
省略
backend:
container_name: django-restapi
build:
context: ./
dockerfile: dockerfilePython
volumes:
- ./django-restapi:/code
command: sh -c "python test_app/manage.py runserver 0:8000"
ports:
- "8000:8000"
depends_on:
- db
frontend:
container_name: next.js
build:
context: ./
dockerfile: dockerfileNode
volumes:
- ./my-app:/code:cached
- /code/node_modules
command: sh -c "npm run dev"
ports:
- "3000:3000"
depends_on:
- backend
volumes:
data_volume: