html {
    min-height: 100%;
}
body {
    min-height: 100vh;
    display: flex;
}
.main {
    margin: auto;
}.registration__step-item:after {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    width: 10px;
    height: 100%;
    right: -7px;
    top: 0;
    transform: skew(10deg);
  }li {
list-style: none;
padding-left: 30px;
background-image: url(icons/bullet.svg);
background-repeat: no-repeat;
background-position: left center;
}img {
  height: 100%; /* или max-height, по ситуации */
  width: auto;
} 
      </textarea><textarea class="form-control" id="body" name="body" placeholder="Обожаю Express. На нем круто делать сайты" 
        rows="3"  required>Hello</textarea><div class="mt-5 text-center">тоже совершенно не нужна      .wrapper {
display: flex;
flex-direction: column;
}.form-block {
order: 1;
}
.heading-block {
order: 2;
}$( '#form' ).appendTo( '#block' );      ul li {
    position: relative;
    left: 1em; 
}<tr>
  <td>
    <form action="">
      <table>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </table>
    </form>
  </td>  
</tr>center (center/cover) background: url(../../img/Background2.png) center center / cover no-repeat;