Folder Label [Custom]

<div class="container-fluid" style="color:#ffffff;width:1080px;">
<!--Background image-->
 <div class="card rounded-0 border-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:300px;">
<!--Translucent card over bg image-->
  <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.35); height:300px">
 <!--Gradient card over bg image-->
   <div class="card bg-faded rounded-0 border-0 p-2" style="background:linear-gradient(to left,rgba(0,0,0,0.7),rgba(0,0,0,0)); height:300px">
<!--Main card (translucent)-->
    <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:290px">
     <div class="row no-gutters">
	    <div class="col-8">
<!--Folder name-->
	    <p class="ml-3 mt-3" style="font-size: 27px;">FOLDER NAME</p>
	     <div class="ml-2" style="border-top:1px solid #fff;margin-top:-15px; width:300px">
	     </div>
<!--Folder description-->
	    <p class="ml-2 my-2" style="font-size: 16px;">Small description of the folder. Uh idk man just write something and here about the contents of the folder probably. Type as much as you want, and you can extend the boxes if you need to. In other words, boxes do not scroll.</p>
	    </div>
	    <div class="col-4">
<!--Pagedoll to the right (reccomend an even image ratio and a transparent background)-->
	    <img src=" IMGLINK " style="position:absolute;top:0;object-fit:contain;height:340px; margin-left:25px;">
	    </div>
	   </div>
	  </div>
	 </div>
	</div>
 </div>
<!--Code credit (do not remove/alter)-->
 <p style="text-align: left; font-size: 9px;">Code by <a href="https://toyhou.se/MCDogResource">MCDogWarrior</a></p>
</div>