Drastic actor page redesign. Storing one avatar per actor, other profile photos as 'photo' role; no longer assuming first photo is avatar.

assets/components/releases/releases.vue

@@ -1,11 +1,11 @@
 <template>
-    <div>
+    <div class="releases">
         <h3
             v-if="context"
             class="heading"
         ><span class="range">{{ range }}</span> releases for '{{ context }}'</h3>
 
-        <ul class="nolist releases">
+        <ul class="nolist tiles">
             <li
                 v-for="release in releases"
                 :key="`release-${release.id}`"
@@ -55,14 +55,20 @@ export default {
     }
 }
 
-.releases {
+.tiles {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(20rem, .5fr));
+    grid-template-columns: repeat(auto-fit, minmax(20rem, .33fr));
     grid-gap: 1rem;
 }
 
+@media(max-width: $breakpoint4) {
+    .tiles {
+        grid-template-columns: repeat(auto-fit, minmax(20rem, .5fr));
+    }
+}
+
 @media(max-width: $breakpoint) {
-    .releases {
+    .tiles {
         grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
     }
 }