JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>border-image</title>
  <style>
   div {
   position: relative;
   z-index: 2;
   width: 800px;
   height: 380px;
   border: 0px solid #40c4c8;
   padding: 0px;
   background-image: url(https://media.lpgenerator.ru/images/140757/iphone.png);
   background-repeat:no-repeat;
   background-size: 800px;
   padding-top:30px;
padding-left:100px;
   }

   img{
     position: relative;
     z-index: 13;
     margin: 10px;
     width: 600px;
     height: 330px;
   }

  </style>
 </head>
 <body>
    <div>
           <iframe width="590" height="325" src="https://www.youtube.com/embed/4RzfbzKIBqE" frameborder="0" allowfullscreen></iframe>
    </div>
 </body>
</html>