Summary: Polish featured image (#60110)

* Polish featured image.

* Address feedback.

* Restore 80px.

Co-authored-by: jasmussen <[email protected]>
Co-authored-by: ntsekouras <[email protected]>
Co-authored-by: richtabor <[email protected]>
Co-authored-by: jameskoster <[email protected]>

packages/editor/src/components/post-featured-image/style.scss

@@ -12,7 +12,6 @@
 
 .editor-post-featured-image__container {
 	position: relative;
-	aspect-ratio: 2/1;
 
 	&:hover,
 	&:focus,
@@ -31,15 +30,17 @@
 	@include reduce-motion("transition");
 	box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
 	overflow: hidden; // Ensure the focus style properly encapsulates the image.
-	outline: $border-width solid rgba(0, 0, 0, 0.1);
 	outline-offset: -#{$border-width};
+	min-height: $grid-unit-50 * 2;
+	margin-bottom: $grid-unit-20;
 
 	display: flex;
 	justify-content: center;
 }
 
 .editor-post-featured-image__preview {
 	height: auto;
+	outline: $border-width solid rgba($black, 0.1);
 
 	.editor-post-featured-image__preview-image {
 		object-fit: cover;