.madeit-responsive-image-panel {
	display: grid;
	gap: 12px;
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
}

.madeit-responsive-image-panel > div:first-child {
    grid-column: span 2;
}
.madeit-responsive-image-panel > div:nth-child(2) {
    grid-column: span 2;
}
.madeit-responsive-image-panel > div:nth-child(3) {
    grid-column: span 1;
}
.madeit-responsive-image-panel > div:nth-child(4) {
    grid-column: span 1;
}

.madeit-responsive-image-panel .madeit-responsive-device-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 4px;
}

.madeit-responsive-image-panel .madeit-responsive-device-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.madeit-responsive-image-panel .madeit-breakpoint-switcher {
	display: inline-flex;
	gap: 4px;
}

.madeit-responsive-image-panel .madeit-responsive-help {
	margin: 0;
	font-size: 12px;
	color: #6b7280;
	grid-column: span 2;
}

.madeit-responsive-size img,
.madeit-responsive-size .wp-block-cover__image-background {
	width: auto;
	height: auto;
}

@media (max-width: 1024px) {
	.madeit-responsive-size img,
	.madeit-responsive-size .wp-block-cover__image-background {
		width: var(--madeit-image-width-tablet, auto) !important;
		height: var(--madeit-image-height-tablet, auto) !important;
	}
}

@media (max-width: 781px) {
	.madeit-responsive-size img,
	.madeit-responsive-size .wp-block-cover__image-background {
		width: var(--madeit-image-width-mobile, var(--madeit-image-width-tablet, auto)) !important;
		height: var(--madeit-image-height-mobile, var(--madeit-image-height-tablet, auto)) !important;
	}
}