.scorpion {
	min-height: 300px;
	padding: 16px 300px 16px 16px;
	
	color: #fff;
	font: 12px Comic Sans MS, Comic Sans, sans-serif;
	line-height: 1.5;
	text-align: center;
	
	background: url('http://bin.smwcentral.net/u/1055/gradient.png') left top repeat-x, url('https://bin.smwcentral.net/u/1055/ShotgunKingBGSm.png') center top repeat #030005;
	background-size: contain, auto;
	
	position: relative;
	overflow: hidden;
}

.scorpion a,
.scorpion a:link,
.scorpion a:visited {
	color: #878ae7;
}

.scorpion a:hover,
.scorpion a:active {
	color: #afb1f6;
}

/*
	When changing the side image you got to remember to change:
	1. The image url below
	2. The width below to match the width of the side image
	3. The min-height below to match the height of the side image
	4. The second padding value in .scorpion to match the width of the image
*/

.scorpion-side-image {
	position: absolute;
	right: 0;
	top: 0;
	width: 428px;
	height: 100%;
	min-height: 300px;
	background: url('https://bin.smwcentral.net/u/1055/ShotgunKingSideCharSm.png') right bottom no-repeat;
}

.scorpion-post,
.scorpion-footer {
	background: rgba(0, 0, 0, .8);
	border: 2px #fff outset;
	padding: 8px;
	
	border-radius: 5px;
}

.scorpion-post {
	margin-bottom: 16px;
	
	text-align: left;
}

.scorpion-footer {
	display: inline-block;
	
	text-align: center;
}

.scorpion-footer-img {
	opacity: 0.5
}

.scorpion-footer-img:hover {
	opacity: 1
}
 pointer-events: none; to .scorpion-side-image