#praise {
	--color: green;
	.testimonials {
		display: flex;
		flex-flow: row wrap;
		gap: 2em;
		justify-content: center;
	}
	.testimonial {
		display: grid;
		grid-template-areas: "b b" "a n";
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		gap: 1em;
		width: 18em;
	}
	.avatar {
		grid-area: a;
		margin-left: 1em;
		width: 4em;
		height: 4em;
		border-radius: 100em;
		background: white;
		padding: 2px;
		border: 2px solid var(--color);
		img {width: 100%; height: 100%; border-radius: 100em;}
	}
	.name {
		grid-area: n;
		align-self: center;
	}
	.bubble {
		grid-area: b;
		background: var(--color);
		color: white;
		padding: 0.5em;
		border-radius: 0.5em;
		position: relative;
		grid-column: span 2;
		min-height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		line-height: 1.4;
		width: 100%;
	}
	.bubble:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border: 0.5em solid transparent;
		border-top-color: var(--color);
		bottom: -1em;
		left:2.5em;
	}
}