Адаптивность изображения и текста

<div class="block2">
 <h3>Существующие системы видеонаблюдения</h3>
 <div class="wrp4">
 <img src="/bg-online.png" class="online-dom" alt="$TITLE$">
     <div class="online-title">
 <div class="f-step">
 <div class="head-online">Дешёвая китайская камера</div><br>
 <p class="online">Разрешение 0.4 Мп. Системы используются на небольших объектах, когда необходим
 только общий контроль территории, не различимы мелкие детали, такие как лица и номера машин,
 понятна лишь марка автомобиля.</p><br>
 <div class="price-online"><b>Система с 4 камерами </b> от 14 600 руб.</div>
 </div>
 <div class="t-step">
 <div class="head-online">Ahd (TVI, CVI) видеонаблюдение</div><br>
 <p class="online">Разрешение 1 Мп. Номера машин и лица людей чётко различимы на расстоянии
 до 10 м. Чаще устанавливаются внутри помещений для наблюдения за бизнес-процессами.</p><br>
 <div class="price-online"><b>Система с 4 камерами </b> от 16 200 руб.</div>
 </div>
 <div class="t-step">
 <div class="head-online">ip видеонаблюдение</div><br>
 <p class="online">Разрешение 2 Мп. Чётко различимы лица и номера машин.
 Хорошо подходят для установки вне помещений на улице, открытых площадках для контроля за обширной территорией.</p><br>
 <div class="price-online"><b>Система с 4 камерами </b> от 25 400 руб.</div>
 </div>
 <div class="clr"></div>
     </div>
 </div>
 </div>