Fix display issue with weapons being cut off when 4 are released at once

src/css/screenshots.scss

@@ -50,7 +50,7 @@
         transform: scale(1.4);
     }
 
-    .new-weapon {
+    .new-weapons-large {
         transform: scale(1.25);
     }
 

src/js/components/screenshots/newweapon/NewWeapon.vue

@@ -1,6 +1,6 @@
 <template>
     <Wrapper :title="title" :time="releaseTime">
-        <div class="new-weapon" v-if="newWeapons">
+        <div :class="{ 'new-weapons-large': newWeapons.length <= 3 }" v-if="newWeapons">
             <div style="display: flex; align-items: center; justify-content: center;">
                 <div v-for="(weapon, index) in newWeapons" style="margin: 0 20px">
                     <NewWeaponBox