liquid

<div id="reviews-2" class="row-3 reviews row-section">
<div class="r-wrap">
<h2 class="p1 text-center block-heading-collection-title">{{ section.settings.heading }}</h2>
<p class="text-center">{{ section.settings.subheading }}</p>
<div class="row-col loop owl-carousel owl-theme">
{%- for block in section.blocks -%}
<div class="col col-3 item">
<div class="col-d">
<div class="col-d-left">
<img class="profile-img" src="{{ block.settings.item_image | img_url: 'master' }}" alt="">
</div>
<div class="col-d-right">
<span class="star"> &#9733; &#9733; &#9733; &#9733; &#9733;</span><br>
{{ block.settings.item_author }}
</div>
</div>
<div>
<br>
<div class="desc">
<p><b>{{ block.settings.item_title }}</b></p>
<p>{{ block.settings.item_description }}</p>
</div>
</div>
</div>
{%- endfor -%}
</div>
</div>
</div>

{% schema %}
{
"name": "Reviews",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "text",
"id": "subheading",
"label": "Sub Heading"
}
],
"blocks": [
{
"type": "review",
"name": "Item",
"settings": [
{
"type": "image_picker",
"id": "item_image",
"label": "Image"
},
{
"type": "text",
"id": "item_title",
"label": "Item Title"
},
{
"type": "textarea",
"id": "item_description",
"label": "Item Description"
},
{
"type": "text",
"id": "item_author",
"label": "Author"
}
]
}
],

"presets": [
{
"name": "Reviews",
"category": "custom"
}
]
}
{% endschema %}
<style>

</style>