article #artist {
        display: grid;
        grid-template-areas: "artistindex artistimage";
        grid-column-gap: 20px;
        margin: 0;
}
article #artistindex {
        text-align: right;
}
article #artistimage {
	display: flex;
	align-items: left;
      	justify-content: left;
}
@media  (max-width: 768px) {
	article #artist {
                grid-template-areas:
			"artistimage"
			"artistindex";
        } 
	article #artistimage {
       		grid-row: 1;
		display: flex;
		align-items: center;
      		justify-content: center;
	}
	article #artistindex {
       		grid-row: 2;
       		text-align: center;
	}
}