Плывет блок при увеличении размера дисплея. Как это сверстать?

Сверстал вот такой блок. При моем размере экрана (1366х768 дефолтный ноутбук) все ок, но когда меняю размеры на большие, например под 1920х1080, то все плывет вот до такого


Вот стили, которые использованы под этот блок

.partners {
	background: url(img/partners-background.jpg) no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}

.partners-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.partners-title {
	padding-top: 70px;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1.2px;
	margin: 0;
}

.partners-list {
	position: absolute;
	bottom: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
}

P.S подскажите как мне все это правильно организовать?