django-markdownxによる画像のアップロードが本番環境（heroku）で上手く動作しない。

簡易的なブログアプリをDjangoで作成しました。herokuにデプロイしたところ、ローカル環境では上手く動作していたのですが、一部期待する動作をしない部分が発生しました。
その際、下記記事を参考にdjango-markdownxを導入しました。

DjangoでMarkdownを実装する

また、画像のストレージサービスとしてherokuのアドオンであるcloudinaryを導入しました。
ところが、ローカル環境では上手く動作したにも関わらず、画像の保存先をcloudinaryにすると画像が反映されないと言う事象が発生しました。
cloudinaryのライブラリ自体には保存されているのですが、djangoのadminのプレビュー及びHTMLには何も表示されません。

ヒントだけでも頂けると助かります。よろしくお願いします。

settings.py

python
1INSTALLED_APPS = [
2    .
3    .
4    'markdownx',
5]
6.
7.
8
9MEDIA_URL = '/media/'
10MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
11

urls.py

python
1urlpatterns = [
2    .
3    .
4    path('markdownx/', include('markdownx.urls')),
5]

models.py

python
1from django.db import models
2from markdownx.models import MarkdownxField
3from markdownx.utils import markdownify
4
5class Post(models.Model):
6    title = models.CharField( max_length=250 )
7    contents = MarkdownxField('マークダウンによる入力')
8
9    def __str__(self):
10        return self.title
11
12    def formatted_markdown(self):
13        return markdownify(self.contents)

sample.html

python
1<!DOCTYPE html>
2<html>
3<head>
4    <title>Contents</title>
5</head>
6<body>
7    <h1>{{ post.title }}</h1>
8    <!-- post モデルに設定した関数 -->
9    {{ post.formatted_markdown|safe }}
10</body>
11</html>