Как правильно сверстать этот элемент?
Судя по тому что ширина изображения примерно 50 процентов от ширины экрана и соседний блок слева в высоту примерно равен изображению, то это делается через ряд с двумя колонками и правая колонка содержит адаптивный img или вероятно, если забить на семантику, через background-image.
Сделать картинку в блоке абсолютной, а родительский блок не relative.
Картинку сделать 50%