Manage images in a Django app (video tutorial)

from dotenv import load_dotenv
load_dotenv()

# Remove this when integrating Cloudinary
# import os 
# BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# MEDIA_URL = '/media/'
# MEDIA_ROOT = ox.path.join(BASE_DIR, 'media')

# django_app/models.py
from django.db import models
from cloudinary.models import CloudinaryField

class Photo(models.Model):
    image = CloudinaryField('image')
    # Remove the Django image field when integrating Cloudinary
    # image = models.ImageField(upload_to='photos/')

# django_app/forms.py
from django.forms import ModelForm     
from cloudinary.forms import CloudinaryFileField
from .models import Photo

class PhotoForm(ModelForm):
    image = CloudinaryFileField()

    class Meta:
        model = Photo
        fields = ['image']

{% for photo in photos %}
    <!-- <img src="{{ photo.image.url }}" alt="Image"> -->
    {% load cloudinary %}
    {% cloudinary photo.image %}
{% endfor %}

{% for photo in photos %}
    <!-- <img src="{{ photo.image.url }}" alt="Image"> -->
    {% load cloudinary %}
    {% cloudinary photo.image quality='auto' width=200 height=200 crop='pad' background='gen_fill:ignore-foreground_true' %}
{% endfor %}