<figure class="element">
      <img class="element__image" src="http://ewigkeit.ucoz.club/codepen/anime-girl.png" alt="" />
</figure>
body {
      background: #171616;
      padding: 40px;
}

.element {
      width: 100%;
      max-width: 700px;
      height: 350px;
      background: coral;
      border-radius: 20px;
      position: relative;
      background: url(http://ewigkeit.ucoz.club/codepen/poster-6.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
}

.element__image {
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      width: 350px;
      height: 600px;
}

External CSS

  1. https://moonpresence.milanwake.site/moonpresence/foundation/moonpresence-base.css

External JavaScript

This Pen doesn't use any external JavaScript resources.