Code CSS :
.thinkingoutloud { background: #ecede3; padding: 20px; width: 370px; }
.thinkingoutloud01 { background: #fff; padding: 20px; box-shadow: 0px 0px 2px #333; }
.thinkingoutloud02 { background-image: url(https://i.imgur.com/XO0qisN.png); }
.thinkingoutloud03 { background: rgba(255,255,255,0.3); padding: 30px; }
.thinkingoutloud04 { background: #fff; padding: 20px; }
.thinkingoutloud05 { font: 9px/100% helvetica, arial; padding: 10px; text-align: justify; text-transform: lowercase; }
.thinkingoutloud05 h1 { background-color: #ecede3; color: #333; float: left; font: 15px/13px georgia; font-weight: bold; letter-spacing: -1px; margin: 10px; padding: 10px; }
.thinkingoutloud05 h2 { background-color: #ecede3; color: #333; float: right; font: 15px/13px georgia; font-weight: bold; letter-spacing: -1px; margin: 10px; padding: 10px; }
.thinkingoutloud06 { background-image: url(https://i.imgur.com/XO0qisN.png); color: #333; font: 25px/23px georgia; font-weight: bold; letter-spacing: -2px; padding: 10px; text-align: center; text-transform: lowercase; }