.multi-column-description {
  display: grid;
  align-items: start;
	gap: var(--gutter);
	
	&.column-has-visual {
		--image-size: 256px;		
		--icon-size: 48px;
	  gap: 12px;
		
		&.is-image {
	    grid-template-rows: var(--image-size) 1fr;
			
			& img {
				object-fit: contain;
				max-height: var(--image-size);
			}
		}
		
		&.is-icon {
	    grid-template-rows: var(--icon-size) 1fr;			
		}
		}
	}
}