ByJumping

<div class="grid">
  <img src="">
  <img src="">
  <img src="">
  <img src="">
</div>

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1rem;
}

.grid img:nth-child(1),
.grid img:nth-child(2) {
  grid-row: span 2;
}

Object.values({
  count1: 225,
  count2: 12,
  count3: 346
}) // === [225, 12, 346]

function shuffle(arr) {
    for (let i = arr.length - 1; i > 0; --i) {
        const pos = Math.floor(Math.random() * (i + 1));
        const t = arr[pos];
        arr[pos] = arr[i];
        arr[i] = t;
    }
    return arr;
}

const newArr = shuffle(imagesData.slice()); // новый перемешанный, imagesData не поменялось
const newArr2 = shuffle(imagesData); // перемешали imagesData, присвоили в newArr2

const currentDate = moment(); // текущая дата
// далее к дате комментария добавляем 6 месяцев и сравниваем с текущей датой
const isAfterSixMonth = moment(date).add(6, 'months').isAfter(currentDate);
if(isAfterSixMonth) { // если дата комеентария + 6 месяцев > текущая дата
  // выводим нужный формат
}

app.use(Maska, store, axios, Vue3TouchEvents)

function weightedRandom(arr, key = () => 1) {
  const val = key instanceof Function ? key : n => n[key];
  const max = arr.reduce((acc, n) => acc + val(n), 0);

  return () => {
    let rand = Math.random() * max;
    return arr.find(n => (rand -= val(n)) < 0);
  };
}


const getRandomPhotosArray = weightedRandom([
  [ 9,  truePhotos ],
  [ 1, funnyPhotos ],
], 0);

function getPhoto() {
  const photos = getRandomPhotosArray()[1];
  return photos[Math.random() * photos.length | 0];
}