Homepage: clean up item positioning

- Remove accidental drop-shadow (mistake in Figma)
- Use the correct fonts for callout text
- Switch to a fixed width of rems over percentages to make alignment easier
- Use rems to outdent quote so it lines up with the edge of the photo
- Overlap the blue box + photo on larger screens, and offset the quote down
- Remove unused selectors
- Fix quote display in the editor

themes/wporg-5ftf/css/objects/_hero.scss

@@ -8,6 +8,7 @@ $size__spacing-unit: ms( 4 );
 	width: calc( 100% + ( 2 * #{ $size__spacing-unit } ) );
 	max-width: calc( 100% + ( 2 * #{ $size__spacing-unit} ) );
 	clear: both;
+	margin-bottom: 0;
 
 	@include breakpoint( $breakpoint-tablet ) {
 		position: inherit;
@@ -15,5 +16,10 @@ $size__spacing-unit: ms( 4 );
 		width: inherit;
 		max-width: inherit;
 		clear: inherit;
+		margin-bottom: 1em;
+
+		&.wp-block-group {
+			margin-top: -8rem;
+		}
 	}
 }

themes/wporg-5ftf/css/objects/_image.scss

@@ -0,0 +1,6 @@
+.wp-block-image {
+
+	img {
+		vertical-align: middle;
+	}
+}

themes/wporg-5ftf/css/objects/_objects.scss

@@ -8,5 +8,6 @@
 @import "../../../pub/wporg/css/objects/notices";
 @import "buttons";
 @import "hero";
+@import "image";
 @import "pledge-form";
 @import "pullquote";