Как разместить изображение также, как на примере?

<html>
<head>
</head>
</body>
<div style="position:relative; top:1475px;">
  <div style="background-image:url(img6.jpg); overflow:hidden; position:relative; max-height:1000px; max-width:50%; background-size: cover;opacity:1; top:; font-family:arial">
     <div style="position:relative; top:150px;">
       <div style="text-align:center; font-family:arial; font-weight:700; font-size:40px;"><strong>БОКС</strong></div>
       <div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px;">
       &nbsp;Занятия боксом помогут быстро привести себя в<br>форму.
       Справиться со стрессами и выплеснуть всю<br>накопившуюся негативную энергию.
       Это гарантирует<br>спокойствие.
       Занятия боксом научат: управлять силой<br>и мощностью своих рук.
        Грамотно уходить от ударов,<br>обретать лидерство даже всамых сложных ситуациях.
      </div>
     </div>
     </div>
   </div>
</div>
</body>
</html>

Необходимо разместить изображение в блок, в полном размере. С какими тегами не игрался, не получается никак. Вот как должно быть https://poedinokclub.ru/ [Слева, мои мучения, но надо из мучений, превратить это в блок, как здесь.


Ответы (1 шт):

Автор решения: Serg Bakay

тут проблема не в тэгах, дело в том что img6.jpg (.jpg) хороший формат, но прозрачные пиксели он не поддерживает, саму картинку лучше взять .png, с ним другое дело... У них эта картинка: вот

→ Ссылка