Blog circle style

Custom CSS
// BLOG SUMMARY 1
.sqs-gallery-design-autocolumns .sqs-gallery-design-autocolumns-slide img {
 height: 80px;
 width: auto;
 margin: 0 auto;
 position: absolute;
}
 
.sqs-gallery-design-autocolumns .sqs-gallery-design-autocolumns-slide .summary-thumbnail.img-wrapper {
 height: 80px;
 width: 80px;
 margin: 0 auto;
 border-radius: 200px;
 overflow: hidden;
}
 
.sqs-block-summary-v2 .summary-excerpt {
 margin-bottom: 20px;
}
 
.sqs-gallery-design-autocolumns .summary-content.sqs-gallery-meta-container {
 border-top: solid 3px #4ECDC4;
 background: #fafafa;
} 
 .sqs-gallery-design-autocolumns .summary-content.sqs-gallery-meta-container {
 padding: 55px 30px 30px 30px;
}
 .sqs-gallery-design-autocolumns .summary-content.sqs-gallery-meta-container {
 margin-top: -55px;
}

.summary-title a {
 font-weight: 700;
}
 
.summary-read-more-link {
 display: inline !important;
 text-transform: uppercase;
 background: #4ECDC4 ;
 color: #fff !important;
 font-size: 12px;
 padding: 5px 12px;
}
 
.summary-read-more-link:hover {
 border-radius: 100px !important;
 transition: all ease-in-out 1200ms;
} 
 
.summary-metadata-container.summary-metadata-container--below-content {
 text-align: right;
 display: block;
 margin-top: -18px;
}

PRIMARY INFORMATION TO DISPLAY:

Title, Thumbnail, Excerpt, Read More Link.

Primary Metadata:
Date Posted

Secondary Metadata:
None

Recommendation: Images to be cropped SQUARE in Blog Post Settings.