scrollbox with image or gif as background

<!--- scrollbox with image/gif background made by itzhuo don't need to credit me if you use :3 but pls don't post in another pastebin thanksss --->

<style>
#scroll {
    width: 50%;
    padding: 8px;
    background-image: url("https://i.pinimg.com/564x/53/0d/ae/530daed5aade6cd57cabb7b2bd3fc37a.jpg"); /* url of the img */
   background-color: #FFFFFF; /* if the img is unavailable */
   height: 100px; /* you need to set a specified height */
   background-position: center; /* to center the image */
   background-repeat: no-repeat; /* do not repeat the image */
   background-size: cover; /* to resize the background image to cover the entire container */
    font-size: 16px;
    font-family: Times;
    border-radius: 0.75em;
    border: 4px solid #A9D0F5;
    box-shadow: 0 0 0 1px black, inset 0 0 0 1px black, 0px 0px 8px 0px #000;
    overflow: auto;
  }

</style>
<div id="scroll">
<p></p>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>