Как ГРАМОТНО адаптировать контент внутри 2х колонок по 50% (col-6 col-6) не используя GRID?

На экране до 1200px часто бывает так, что заголовок хочется сделать по центру, а нижнюю часть сделать align-items-center:

Какие варианты есть, для подобной реализации?

Я делаю следующим образом, костыльным, и мне не очень нравится данное решение..

h2 {
  transform: translateX(-25%);
}
.column-1 {
  transform: translateY(-7%);
  align-self: end;
}

Или так:

.container {
	position: relative;
	padding-top: 95px;
}
h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-table;
}