css – Custom hero images for wordpress

How I can add custom hero images to my wordpress site.
I have WPBakery plugin. Website is done and it uses old revolution slider 5 and I cant make similar hero slide like I needed.

My css and html code look like this:

.wrapper {
  height: 100vh;
  display: flex;
}

.wrapper section {
  flex: 1;
  display: flex;
}

.wrapper section .button {
  margin: auto;
  font-size:20px;
  padding: 10px 15px;
  background: #000;
  color: #fff;
}

.wrapper section:first-child {
  background: url(https://picsum.photos/id/1016/800/800) center/cover;
}

.wrapper section:last-child {
  margin-left: -10vw;
  clip-path: polygon(10vw 0, 100% 0, 100% 100%, 0 100%);
  background: url(https://picsum.photos/id/1064/800/800) center/cover;
}

body {
  margin: 0;
}

HTML:

<main class='wrapper'>
  <section>
    <a class='button' href='#'>Codepen</a>
  </section>
  <section>
    <a class='button' href='#'>Github</a>
  </section>
</main>