[html]<style>.shipdia {margin: 50px auto 65px; height: 250px; width: 250px; border: 1px solid #000; background-color: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); overflow: hidden;} /* shipovnik */
.shipdia2 {margin-top: -52px; margin-left: -52px; height: 354px; width: 354px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); background-size: cover; background-position: 50% 50%;}
#ship6 {display: block; box-sizing: border-box; max-width: 650px;
  margin: auto auto auto 2em;
  padding: 20px;
  background: linear-gradient(0deg, #061E4C 0%, #051843 100%); 
}

.stx4 {background: transparent;
  padding: 20px;
  border: 1px solid #2d5086;
  text-align:center;
  font-size:12px;
  color: #ffeed5;
}

.stx4 > p {padding-bottom: 0px !important; letter-spacing: 1px; text-transform: none;}
.stx4 > p > span {padding: 0 30px 5px; 
  border-bottom: 1px solid #2d5086;
  font-family: Noto Serif, Georgia, Tahoma; 
  font-size: 24px; 
  color: #ffeed5;
  text-shadow: 0 0 3px #000;
}

.stx4 > em {display:block; font-size: 1em;
  margin: 12px auto 12px auto !important; 
  font-family: Noto Serif, Georgia, Tahoma; 
  letter-spacing: 1px;
  color: #686cab;
}
</style>

        <div id="ship6"><div class="stx4"><div class="shipdia">
         <div class="shipdia2" style="background-image: url(ССЫЛКА НА КАРТИНКУ);"></div></div>

<!-- НАЧАЛО ТЕКСТА -->
<p><span>Фамилия Имя</span></p>

<em>Кем вам приходится</em>

Ваша совместная история и отношения, завязка на сюжет совместную игру.

<hr>

Все что дополнительно захотите сказать потенциальному игроку.
<!-- КОНЕЦ ТЕКСТА -->
         </div></div>[/html]