Template:Battle/style.css

.template-battle {
	display: block;
}

.infobox {
	float: right;
	width: 23em;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

@media (max-width:850px){
	.infobox {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	
	.template-battle {
		display: flex;
		flex-direction: column;
	}

	.template-battle .infobox-container  {
		order: -1;
	}

	.template-battle .monster-info {
		order: -2;
	}
}