Yana

isValid() {
  return Object.values(obj).flatMap(Object.values).every(n => n.valid);
},

Или даже так, чтобы лишний раз values-flatMap не дёргать при изменениях значений свойств valid:

objects() {
  return Object.values(this.obj).flatMap(Object.values);
},
isValid() {
  return this.objects.every(n => n.valid);
},

Если самописная тема, то и не факт, что включив виз. редактор вы что-либо получите...
Например, если ваши данные поданы в виде статичной страницы (текст в рнр шаблоне), то конечно же виз. редактор ничем не поможет. Или например, если в тему интегрированы кастомные поля ACF, то это также не поможет...
Наверное легче пересобрать сайт, если это вам нужно. В общем, ситуации разные, темы разные, разный код)))

https://jsfiddle.net/7w3d38qk/1/
Еще желательно картинку заранее отмасштабировать, чтобы можно было обойтись без background-size: 120%, т.к. это тоже значительно влияет на производительность

Используйте Flexbox.
Родителю задайте высоту, ширину и это:
display: flex;
flex-flow: row wrap;
justify-content: space-between;

https://jsfiddle.net/agopm21m/1/