two image bg scrollbox

<style>
#scroll01 {
border-width: 5px;
border-style: solid;
border-image: url("https://i.imgur.com/ROjUrNz.gif") 8 fill round;
width: 265px;
height: 215px;
}
</style>
<style>
#scroll01 {
width: 240px;
height: 205px;
border-radius: 5px;
padding: 7px;
font-size: 17px;
color: #C07F80;
}

</style>
<div id="scroll01">
<div style="background-image:url('https://i.ibb.co/dfnDr4V/CDF4-E7-E5-A42-E-46-D6-AD6-E-167322-F71-B76.jpg'); border: 1px solid #FCC7CF; opacity:rgba(255,255,255, 1.5); overflow:auto; border-radius: 5px; height: 180px;">
TEXT HERE</div></div></div></div></div>
<div id="container01" class="container default">
<div class="wrapper">
<div class="inner">
<div id="embed10">
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet'>
<style>
body {
font-family: 'Quicksand';
}
</style>