Template:VelaDescriptionBox/styles.css

.scope-vela-description_box {
	border: 3px solid var(--color-amaranth-legacy-scope);
	border-radius: var(--border-radius-medium);
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
	background: rgba(16, 16, 16, 0.4);
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-block: var(--space-lg);
}

.scope-vela-description_box-file {
	flex: 0 0 auto;
}

.scope-vela-description_box-file img  {
	object-fit: contain;
	width: auto;
	max-height: 300px;
	border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
}

.scope-vela-description_box-description {
	flex: 1 0 auto;
	padding: var(--space-sm);
}

.scope-vela-description_box-description > .mw-heading:first-child > h1,
.scope-vela-description_box-description > .mw-heading:first-child > h2,
.scope-vela-description_box-description > .mw-heading:first-child > h3,
.scope-vela-description_box-description > h4:first-child,
.scope-vela-description_box-description > h5:first-child,
.scope-vela-description_box-description > h6:first-child {
	text-decoration-color: currentcolor;
	text-decoration-line: underline;
}

.scope-vela-description_box-description > * {
	margin-block: var(--space-xxs);
}