css 질문입니다.

<div class="배경화면">
    <div class="박스1">
        <div class="박스1_이미지">
            <div>
                <img src="경로">
            </div>
        </div>
        <div class="박스1_텍스트">
            <div>
                텍스트
            </div>
        </div>
    </div>
    <div class="박스"2>
        <div class="박스2_텍스트">
            <div>
                텍스트
            </div>
        </div>
        <div class="박스2_이미지">
            <div>
                <img src="경로">
            <div>
        </div>

    </div>
</div>

저라면 이런식으로 배치하고 각줄의 이미지, 텍스트 박스에 with 50%씩, 그리고 박스 내부 div 위치 조절하는 방식으로 하지 않을까 싶습니다. 반응형이라면 복잡해지겠네요..

글씨빼고 다 background로 넣겠습니다.