TypeError: $fotoramaElement.fotorama is not a function

Basically, product images doesn’t getting load, it loads after page refresh. and i got this error.
i am using Codazon Theme, i have tried following solution to resolve this issue but it didn’t work

app/design/frontend/vendor/theme/requirejs-config.js

var config = {
    paths: {
        'fotorama/fotorama': 'fotorama/fotorama',
        'mage/gallery/gallery': 'mage/gallery/gallery'
    },
    shim: {
        'fotorama/fotorama': {
            deps: ['jquery']
        },
        'mage/gallery/gallery': {
            deps: ['fotorama/fotorama']
        }
    }
}