[html]<div class="svg-anketa-wrap">
  <article class="svg-anketa">

    <div class="svg-anketa__photo-frame">
      <img class="svg-anketa__photo" src="ВСТАВЬТЕ_ССЫЛКУ_НА_ФОТО" alt="Фотография персонажа">
    </div>

    <section class="svg-anketa__top">
      <div class="svg-field">
        <div class="svg-field__label">имя и фамилия персонажа (англ.):</div>
        <div class="svg-field__answer">name surname</div>
      </div>

      <div class="svg-field">
        <div class="svg-field__label">другой вопрос:</div>
        <div class="svg-field__answer">текст</div>
      </div>

      <div class="svg-field">
        <div class="svg-field__label">другой вопрос:</div>
        <div class="svg-field__answer">текст</div>
      </div>

      <div class="svg-field">
        <div class="svg-field__label">другой вопрос:</div>
        <div class="svg-field__answer">текст</div>
      </div>

      <div class="svg-field">
        <div class="svg-field__label">другой вопрос:</div>
        <div class="svg-field__answer">текст</div>
      </div>

      <div class="svg-field">
        <div class="svg-field__label">другой вопрос:</div>
        <div class="svg-field__answer">текст</div>
      </div>
    </section>

    <div class="svg-field svg-field--wide">
      <div class="svg-field__label">другой вопрос:</div>
      <div class="svg-field__answer">текст</div>
    </div>

    <section class="svg-list svg-list--first">
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
    </section>

    <section class="svg-list svg-list--second">
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
      <div class="svg-row"><span class="svg-row__q">вопрос:</span><span class="svg-row__a">ответ</span></div>
    </section>

  </article>
</div>

<style>

.svg-anketa-wrap {
  width: 100%;
  overflow-x: auto;
}

.svg-anketa {
  position: relative;
  width: 750px;
  height: 1128px;
  margin: 0 auto;
  overflow: hidden;
  background: url("https://forumstatic.ru/files/001c/b9/1e/82189.svg") top center / 750px auto no-repeat;
  border-radius: 15.86px;
  color: #fdf8ff;
}

.svg-anketa__photo-frame {
  position: absolute;
  left: 454px;
  top: 217px;
  width: 220px;
  height: 220px;
  overflow: hidden;
  border: 3px solid #4f4d55;
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .20);
  z-index: 2;
}

.svg-anketa__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
}

.svg-anketa__top {
  position: absolute;
  left: 52.88px;
  top: 156.87px;
  width: 370px;
}

.svg-field {
  margin-bottom: 7.93px;
}

.svg-field__label {
  margin-bottom: 4.41px;
  color: #eecbff;
  font-size: 10.58px;
  line-height: 1.15;
}

.svg-field__answer {
  min-height: 29.96px;
  padding: 6.17px 4.41px 4.41px;
  color: #ffffff;
  background: #474362;
  border-bottom: 1px dotted rgba(255,255,255,.8);
  font-size: 12.34px;
  line-height: 17.63px;
}

.svg-field--wide {
  position: absolute;
  left: 52.88px;
  top: 493.54px;
  width: 658.34px;
  margin: 0;
}

.svg-list {
  position: absolute;
  left: 52.88px;
  width: 696.24px;
}

.svg-list--first {
  top: 579.02px;
}

.svg-list--second {
  top: 927.14px;
}

.svg-row {
  display: grid;
  grid-template-columns: 70.51px minmax(0,1fr);
  min-height: 29.08px;
  padding: 6.17px 0 3.53px;
  border-bottom: 1px dotted rgba(255,255,255,.62);
}

.svg-row__q {
  color: #eecbff;
  font-size: 10.58px;
}

.svg-row__a {
  color: #ffffff;
  font-size: 9.69px;
}

@media (max-width: 780px) {
  body {
    padding: 0;
  }

  .svg-anketa {
    margin: 0;
  }
}

</style>
[/html]