/* Прячем галереи по умолчанию */
#rec1563758931,
#rec1563776401 {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* Когда добавлен класс на body — галереи показываются */
body.gals-opened #rec1563758931,
body.gals-opened #rec1563776401 {
  max-height: 5000px; /* достаточно большое число, чтобы влез контент */
  opacity: 1;
  pointer-events: auto;
}

/* Дополнительно: анимация/переходы, если хочется плавности */
body.gals-opened #rec1563758931,
body.gals-opened #rec1563776401{
  transition: opacity 0.3s ease;
}