wp:group {"align":"full","style":{"spacing":{"margin":{"top":"20px"}}}} -->
 class="wp-block-group alignfull" style="margin-top:20px;">
   Loop through recent posts (replace with actual post data as needed) -->
   Example Post Block -->
  div class="recent-post-block" style="position: relative; display: inline-block; margin: 10px;">
    a href="https://yourwebsite.com/latest-article" style="display: block; position: relative;">
      img src="https://yourwebsite.com/path-to-image.jpg" alt="Recent article image" style="width:100%; height:auto; display:block;">
      div class="hover-title" style="
        position: absolute;
        top:;
        left:;
        width:100%;
        height:100%;
        background-color: rgba(, , , .6);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: ;
        transition: opacity .3s ease;">
        h3 style="margin: ; padding: 10px;">Latest Article Titleh3>
      div>
    a>
  div>
div>

 Add custom CSS for hover effect -->
>
.recent-post-block a:hover .hover-title {
  opacity: 1;
}
style>