.character-profile {
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: center;
}

.portrait {
	flex: 0 0 30%;
}

.portrait img {
	max-width: 100%;

}

.description {
	flex-grow: 1;
}

@media (max-width: 600px) {
	.character-profile {
		flex-direction: column;
	}

	.portrait {
		width: 100%;
	}
}