diff --git a/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue b/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue
index ec4196c..26a5cef 100644
--- a/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue
+++ b/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue
@@ -14,6 +14,11 @@ const props = defineProps({
   otuId: {
     type: [String, Number],
     required: true
+  },
+
+  sort_order: {
+    type: [Array],
+    default: () => []
   }
 })
 
@@ -21,12 +26,12 @@ const store = useImageStore()
 const images = computed(() => store.images || [])
 
 onServerPrefetch(async () => {
-  await store.loadImages(props.otuId)
+  await store.loadImages(props.otuId, { sortOrder: props.sortOrder })
 })
 
 onMounted(() => {
   if (!store.images) {
-    store.loadImages(props.otuId)
+    store.loadImages(props.otuId, { sortOrder: props.sort_order })
   }
 })
 
diff --git a/src/modules/otus/store/useImageStore.js b/src/modules/otus/store/useImageStore.js
index 055c343..17a491a 100644
--- a/src/modules/otus/store/useImageStore.js
+++ b/src/modules/otus/store/useImageStore.js
@@ -16,10 +16,11 @@ export const useImageStore = defineStore('imageStore', {
       this.controller?.abort()
     },
 
-    async loadImages(otuId) {
+    async loadImages(otuId, { sortOrder }) {
       const params = {
         extend: ['depictions', 'attribution', 'source', 'citations'],
-        otu_scope: ['all', 'coordinate_otus']
+        otu_scope: ['all', 'coordinate_otus'],
+        sort_order: sortOrder
       }
 
       this.controller = new AbortController()