Fixed the card for Viewpoints

src/components/viewCard.vue

 <template>
   <div>
-    <q-dialog v-model="showDialog" full-width full-height>
-      <q-card>
+    <q-dialog v-model="showDialog" full-height>
+      <q-card style="width: 700px; max-width: 80vw;">
         <q-bar class="text-white bg-green"
           >Viewpoint in {{ collection.title }}
           <q-space />
@@ -36,6 +36,11 @@
     </q-dialog>
   </div>
 </template>
+<style scoped>
+.q-card img {
+  height: 100% !important; 
+  }
+</style>
 <script>
 export default {
   name: 'ViewCard',

src/pages/Viewpoints.vue

@@ -30,7 +30,7 @@
         <div class="col">
           <img
             v-if="collection.iconic"
-            style="max-width:420px; object-fit: cover;"
+            style="max-width:280px; object-fit: cover;"
             class="float-left on-left"
             :src="collection.iconic"
           />