Editing Template:Infobox/style.css

/* CSS placed here will affect Community templates */

@media screen and (max-width: 600px) {
  .infobox table {
  	clear: left;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}

.skin-timeless .infobox table, .skin-vector .infobox table {
	background: rgb(180, 190, 185) !important;
	color: #1a1a1b !important;
	border: solid #1a1a1b 1px;
	margin: 0 0 1em 1em;
	font-size: 95%;
	background: #ccd;
	color: #1a1a1b;
	width: 310px;
	padding: 10px;
	text-align: left;
	float: right;
}

.skin-timeless .infoboxheader, .skin-vector .infoboxheader  {
	text-align: center;
	font-size:125%;
	background-color: #ff4500;
	color: #fff;
	border: solid #1a1a1b;
}

.infobox-image .image:hover img {
    transform: scale( 1.1 );
}

.infobox table {
	background: var(--color-surface-1);;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
	margin: 0 0 1em 1em;
	font-size: 95%;
	width: 400px;
	padding: 10px;
	text-align: left;
	float: right;
	border-radius:16px;
	border: 1px solid var( --border-color-base );
}

.infoboxheader {
	color: var(--color-base--emphasized);
	border-bottom: 1px solid #ff4500; 
	text-align: center;
	font-size:125%;
	font-weight:bold;
}

.infobox-tr {
	vertical-align: top;
}

.infobox-parameter {
	font-weight: bold;
	color: var(--color-base--subtle);
}