Template:Battle/style.css

.template-battle2 {
	display: block;
}

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

@media (max-width:850px){
	.template-battle2 {
		display: flex;
		flex-direction: column;
	}
    .template-battle2 .infobox-container  {
    	order: -1;
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .template-battle2 .monster-info {
    	order: -2;
    }
}