CLOUDS

<div class="ros3s1"><div class="ros3s2" style="background: url('http://via.placeholder.com/300x180')"><div class="ros3">TÍTULO</div></div><div class="r3s3">texto</div><div class="r3ss3" style="background: url('URL IMAGEN AQUÍ')"></div></div>
<div class="credits"><a href="https://therocketgirl-codes.tumblr.com/">Lilith</a></div>
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">

<style>.ros3s1{width: 300px; height: 520px; border: 1px solid #BBBBBB; overflow: hidden; background: #fff;}.ros3s2{width: 300px; height: 180px; overflow: hidden; position: relative;} .ros3{left: -5px; width: 310px; height: 80px; mix-blend-mode: screen; text-align: center; font-weight: bold; font-family: Anton; font-size: 60px; position: relative; top: 130px; background: #fff; letter-spacing: 3px; text-shadow: 0 0 3px #fff; transform: rotate(5deg);} .r3s3{ height: 280px; width: 280px; color: #000; padding: 10px; overflow: auto; text-align: justify; border-bottom: 10px solid #fff; font-size: 11px;} .r3s3::-webkit-scrollbar {width: 6px; height: 2px;} .r3s3::-webkit-scrollbar-button:start:decrement, . r3s3::-webkit-scrollbar-button:end:increment{height: 10px;display: none;} .r3s3::-webkit-scrollbar-track-piece{background: #ccc;}.r3s3::-webkit-scrollbar-thumb:vertical{height: 30px; background: #64AAB5; border: 1px solid #64AAB5; }.r3s3:-webkit-scrollbar-thumb:horizontal{height: 20px;background: #64AAB5;}.credits{font-size: 10px; text-align: right; width: 300px; text-transform: lowercase; letter-spacing: 3px;} .credits a{color: #B24058;} .r3ss3{width: 310px; height: 50px; transform: rotate(5deg); position: relative; left: -5px;}</style>