How do I make multiple image blocks more responsive?

Hopefully this works, there is other stuff on the page that I’ll be changing. The part I’m working on should be under the container “First Post block section”

{"content":[{"id":"auyozl","name":"section","parent":0,"children":["rtxqlf"],"settings":[]},{"id":"rtxqlf","name":"container","parent":"auyozl","children":["ugeqct"],"settings":[]},{"id":"ugeqct","name":"posts","parent":"rtxqlf","children":[],"settings":{"gutter":"30px","fields":[{"dynamicData":"{post_title:link}","tag":"h3","dynamicMargin":{"right":0,"left":0,"top":"-80"},"id":"687a4c","dynamicBackground":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"dynamicBorder":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}},"dynamicTypography":{"font-size":"26"},"dynamicPadding":{"left":"5","right":"5","bottom":"5","top":"5"}}],"_typography":{"text-align":"center"},"query":{"post__in":["364"]},"layout":"grid","direction":"column","imageSize":"large","contentAlign":"middle center","imageLink":true,"imageRatio":"ratio-16-9","firstPostFullWidth":true,"_widthMax":"80%","_alignSelf":"center"}},{"id":"cfngjv","name":"block","parent":"chpoxi","children":["zfdosl","lbcaoc"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","query":{"objectType":"post","post_type":["post"],"posts_per_page":"1","orderby":"date","order":"desc","offset":"3"},"_cssCustom":"#brxe-cfngjv {\n  /* initial position and size */\n  position: relative;\n  transition: all 0.5s ease; /* smooth transition */\n}\n\n#brxe-cfngjv:hover {\n  /* position and size when hovering */\n  transform: translate(0, -10px); /* move up by 10px */\n}","_direction":"row","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_conditions":[[{"id":"qpmsrv","key":"user_logged_in","compare":"==","value":"0"}]],"hasLoop":true,"_boxShadow":{"values":{"offsetY":"2","offsetX":"2","blur":"5"},"color":{"hex":"#7d7d7d","id":"jxahvk","name":"Color #12"}},"_alignItems":"center"},"label":"side post 3"},{"id":"dbacbv","name":"section","parent":0,"children":["uvjyup","leojbg"],"settings":{"_background":{"color":{"hex":"#81d4fa","id":"hixtzo","name":"Color #13"}},"_gradient":{"angle":"60"},"_shapeDividers":[{"id":"xprhys","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipHorizontal":true,"top":"-1"},{"id":"jxcejr","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipVertical":true,"verticalAlign":"flex-end","bottom":"-1"}],"_margin":{"top":"0"},"_padding":{"top":"70","bottom":"70"},"_widthMax:tablet_portrait":"100%"},"label":"First Post block section"},{"id":"leojbg","name":"container","parent":"dbacbv","children":["amjbtm","chpoxi"],"settings":{"_direction":"row","_widthMax":"60%","_widthMax:tablet_portrait":"95%","_direction:mobile_landscape":"column","_widthMax:mobile_landscape":"99%"}},{"id":"uvjyup","name":"heading","parent":"dbacbv","children":[],"settings":{"text":"Practical Pet Advice For Taking Care Of Your Dog, Cat, and Every Other Loveable Creature","tag":"h1","_typography":{"text-align":"center"},"_margin":{"bottom":"20","top":"10"}}},{"id":"uhywsw","name":"section","parent":0,"children":["onqnoo","wfddyn"],"settings":[]},{"id":"qgwfar","name":"section","parent":0,"children":["eeszbe","scnqdp"],"settings":{"_background":{"color":{"hex":"#81d4fa","id":"hixtzo","name":"Color #13"}},"_gradient":{"angle":"60"},"_shapeDividers":[{"id":"xprhys","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipHorizontal":true,"top":"-1"},{"id":"jxcejr","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipVertical":true,"verticalAlign":"flex-end","bottom":"-1"}],"_margin":{"top":"0"},"_padding":{"top":"70","bottom":"70"}}},{"id":"onqnoo","name":"container","parent":"uhywsw","children":["zcowbx","lrkphc","qqbyyp","ywbkiz"],"settings":[]},{"id":"amjbtm","name":"block","parent":"leojbg","children":["ejibdu"],"settings":{"_padding":{"right":"0"},"_margin":{"right":"10"},"_widthMax:tablet_portrait":"44%","_widthMax:mobile_landscape":"100%","_padding:mobile_landscape":{"right":"5","left":"5"},"_margin:mobile_landscape":{"right":"0"}},"label":"Column"},{"id":"chpoxi","name":"block","parent":"leojbg","children":["fmlcfv","tfsphw","cfngjv"],"settings":{"_margin":{"left":"5"},"_typography":{"text-align":"center"},"query":{"posts_per_page":"3","offset":"1"},"_direction":"column","_rowGap":"15","_display":"flex","_widthMax:tablet_portrait":"62%","_widthMax:mobile_landscape":"100%","_margin:mobile_landscape":{"left":"0"},"_padding:mobile_landscape":{"right":"5","left":"5"},"_position:mobile_landscape":"relative","_top:mobile_landscape":"-60"},"label":"Column"},{"id":"zcowbx","name":"text","parent":"onqnoo","children":[],"settings":{"text":"<h3>Browse Our Dog Articles</h3>","_alignSelf":"center","_margin":{"top":"20"}}},{"id":"ywbkiz","name":"button","parent":"onqnoo","children":[],"settings":{"text":"Dog Articles","style":"primary","_typography":{"text-align":"center"},"_alignSelf":"center","_background":{"color":{"hex":"#75ffc8"}},"_border":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}},"circle":true,"link":{"type":"internal","postId":"972"},"icon":{"library":"fontawesomeSolid","icon":"fas fa-dog"},"_margin":{"top":"5","bottom":"5"}}},{"id":"lrkphc","name":"text","parent":"onqnoo","children":[],"settings":{"text":"<p> </p>\n<p>Learn about the many different dog breeds!</p>\n<p>And everything from health concerns to training tips to product reviews.</p>","_alignSelf":"center","_typography":{"text-align":"center","font-size":"16"},"_margin":{"bottom":"10"}}},{"id":"qqbyyp","name":"container","parent":"onqnoo","children":["lncfem","nobufl"],"settings":{"_direction":"row"}},{"id":"lncfem","name":"block","parent":"qqbyyp","children":["ayozll"],"settings":{"_padding":{"right":"0"},"_margin":{"right":"10"}},"label":"Column"},{"id":"nobufl","name":"block","parent":"qqbyyp","children":["gjmbkm"],"settings":{"_margin":{"left":"5"},"_typography":{"text-align":"center"}},"label":"Column"},{"id":"ayozll","name":"posts","parent":"lncfem","children":[],"settings":{"gutter":"30px","fields":[{"dynamicData":"{post_title:link:10}","tag":"h3","dynamicMargin":{"top":"-100","right":"40","bottom":"0","left":"40"},"id":"1c649a","dynamicBackground":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"dynamicBorder":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}}}],"columns":"1","query":{"posts_per_page":"1","tax_query":["category::3"]},"imageLink":true,"imageSize":"medium_large","_border":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}},"_position:hover":"relative","_bottom:hover":"10","_margin":{"top":"20"}}},{"id":"gjmbkm","name":"posts","parent":"nobufl","children":[],"settings":{"gutter":"15px","fields":[{"dynamicData":"{post_title:link:10}","tag":"h3","id":"1c649a","dynamicBackground":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"dynamicBorder":{"radius":{"right":"15","bottom":"15"}},"dynamicTypography":{"font-size":"20","text-align":"center"}},{"dynamicData":"Written by: {author_name}","tag":"p","dynamicMargin":{"top":"5","right":0,"bottom":20,"left":0},"id":"tjcjvn"}],"layout":"list","imagePosition":"left","imageLink":true,"direction":"row","imageSize":"medium_large","query":{"posts_per_page":"3","offset":"1","tax_query":["category::3"]},"_border":{"radius":{"top":"15","left":"15","right":"15","bottom":"15"},"style":"solid","color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"width":{"top":"1","right":"1","bottom":"1","left":"1"}},"_alignSelf":"center","height":"165","contentAlign":"middle center","_cssCustom:hover":".bricks-layout-item:hover {\n\ttransform: translate(0px, -5px);\n\ttransition: 0.5s;\n  z-index: 10;\n\t}","_zIndex":"90"}},{"id":"eeszbe","name":"heading","parent":"qgwfar","children":[],"settings":{"text":"Get Comfy With A Kitty","tag":"h2","_typography":{"text-align":"center"},"_margin":{"bottom":"20","top":"10"}}},{"id":"scnqdp","name":"container","parent":"qgwfar","children":["bzvrqo","wqormb"],"settings":{"_direction":"row"}},{"id":"bzvrqo","name":"block","parent":"scnqdp","children":["veanyo"],"settings":{"_padding":{"right":"0"},"_margin":{"right":"10"}},"label":"Column"},{"id":"wqormb","name":"block","parent":"scnqdp","children":["nwtzax"],"settings":{"_margin":{"left":"5"},"_typography":{"text-align":"center"}},"label":"Column"},{"id":"veanyo","name":"posts","parent":"bzvrqo","children":[],"settings":{"gutter":"30px","fields":[{"dynamicData":"{post_title:link:10}","tag":"h3","dynamicMargin":{"top":"-100","right":"40","bottom":"0","left":"40"},"id":"1c649a","dynamicBackground":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"dynamicBorder":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}}}],"columns":"1","query":{"posts_per_page":"1","tax_query":["category::1"]},"imageLink":true,"imageSize":"medium_large","_border":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}},"_position:hover":"relative","_bottom:hover":"10","_margin":{"top":"20"}}},{"id":"nwtzax","name":"posts","parent":"wqormb","children":[],"settings":{"gutter":"15px","fields":[{"dynamicData":"{post_title:link:10}","tag":"h3","id":"1c649a","dynamicBackground":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"dynamicBorder":{"radius":{"right":"15","bottom":"15"}},"dynamicTypography":{"font-size":"20","text-align":"center"}},{"dynamicData":"Written by: {author_name}","tag":"p","dynamicMargin":{"top":"5","right":0,"bottom":20,"left":0},"id":"tjcjvn"}],"layout":"list","imagePosition":"left","imageLink":true,"direction":"row","imageSize":"medium_large","query":{"posts_per_page":"3","offset":"1","tax_query":["category::1"]},"_border":{"radius":{"top":"15","left":"15","right":"15","bottom":"15"},"style":"solid","color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"width":{"top":"1","right":"1","bottom":"1","left":"1"}},"_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_alignSelf":"center","height":"165","contentAlign":"middle center","_cssCustom:hover":".bricks-layout-item:hover {\n\ttransform: translate(0px, -5px);\n\ttransition: 0.5s;\n  z-index: 10;\n\t}","_zIndex":"90"}},{"id":"ejibdu","name":"block","parent":"amjbtm","children":["bvclfi","spqdcw","mgibsb"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_alignItems":"center","hasLoop":true,"query":{"objectType":"post","post_type":["post"],"posts_per_page":"1","orderby":"date","order":"desc"},"_cssCustom":"#brxe-ejibdu {\n  /* initial position and size */\n  position: relative;\n  transition: all 0.5s ease; /* smooth transition */\n}\n\n#brxe-ejibdu:hover {\n  /* position and size when hovering */\n  transform: translate(0, -10px); /* move up by 10px */\n}","_widthMax:tablet_portrait":"100%"}},{"id":"mgibsb","name":"text","parent":"ejibdu","children":[],"settings":{"text":"<p>{author_avatar}  By {author_name}</p>","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"font-size":"14"},"_padding":{"left":"24","right":"24","top":"10","bottom":"10"},"_widthMax":"80%","_position":"relative","_top":"-141","_border":{"radius":{"bottom":"15","left":"15"}},"_width":"500","_cssCustom":"#brxe-mgibsb .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_width:mobile_landscape":"590"}},{"id":"bvclfi","name":"image","parent":"ejibdu","children":[],"settings":{"image":{"useDynamicData":"{featured_image}","size":"large"},"caption":"none","link":"attachment","url":{"type":"meta"},"tag":"figure","altText":"{post_title}","_overflow":"hidden","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetY":"4","blur":"15","spread":"1","offsetX":"4"},"color":{"hex":"#616161"}},"_height":"598","_height:tablet_portrait":"543"},"themeStyles":[]},{"id":"fmlcfv","name":"block","parent":"chpoxi","children":["eyekbw","hasrto"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_alignItems":"center","query":{"objectType":"post","post_type":["post"],"posts_per_page":"1","orderby":"date","order":"desc","offset":"1"},"_cssCustom":"#brxe-fmlcfv {\n  /* initial position and size */\n  position: relative;\n  transition: all 0.5s ease; /* smooth transition */\n}\n\n#brxe-fmlcfv:hover {\n  /* position and size when hovering */\n  transform: translate(0, -10px); /* move up by 10px */\n}","_direction":"row","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_conditions":[[{"id":"qpmsrv","key":"user_logged_in","compare":"==","value":"0"}]],"hasLoop":true,"_boxShadow":{"values":{"offsetX":"2","offsetY":"2","blur":"5"},"color":{"hex":"#7d7d7d","id":"jxahvk","name":"Color #12"}},"_alignSelf":"stretch","_justifyContent":"space-evenly","_width":"100%"},"label":"side post 1"},{"id":"eyekbw","name":"image","parent":"fmlcfv","children":[],"settings":{"image":{"useDynamicData":"{featured_image}","size":"large"},"caption":"none","link":"attachment","url":{"type":"meta"},"altText":"{post_title}","_overflow":"hidden","_border":{"radius":{"top":"20","left":"20"}},"_cssCustom":"#brxe-eyekbw img {\n  object-fit: fill;\n  aspect-ratio: 4 / 3;\n  /*\n  aspect-ratio: 4 / 3;\n  aspect-ratio: 16 / 9;\n  */\n}","_objectFit":"fill","_display":"flex","_flexGrow":"1","_widthMax":"45%"},"themeStyles":[]},{"id":"wtokcz","name":"text","parent":"hasrto","children":[],"settings":{"text":"<p>{author_avatar}  By {author_name}</p>","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"font-size":"14","text-align":"left"},"_cssCustom":"#brxe-wtokcz .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_margin":{"top":"20"}}},{"id":"hasrto","name":"div","parent":"fmlcfv","children":["okzckm","wtokcz"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_padding":{"left":"10","right":"10"},"query":{"posts_per_page":"1","offset":"1","objectType":"post","post_type":["post"],"orderby":"date"},"_display:mobile_landscape":"flex","_direction:mobile_landscape":"column"}},{"id":"spqdcw","name":"heading","parent":"ejibdu","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_padding":{"left":"24","right":"24"},"_widthMax":"80%","_top":"-140","_position":"relative","_border":{"radius":{"top":"15","right":"15"}},"_typography":{"font-weight":"600"}}},{"id":"okzckm","name":"heading","parent":"hasrto","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"text-align":"center","font-weight":"600"},"_cssCustom":"#brxe-okzckm .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_display:mobile_landscape":"flex","_alignSelf:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_justifyContent:mobile_landscape":"center","_width:mobile_landscape":"385","_width:mobile_portrait":"228.5"}},{"id":"tfsphw","name":"block","parent":"chpoxi","children":["spvomf","uhalxu"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_alignItems":"center","query":{"objectType":"post","post_type":["post"],"posts_per_page":"1","orderby":"date","order":"desc","offset":"2"},"_cssCustom":"#brxe-tfsphw {\n  /* initial position and size */\n  position: relative;\n  transition: all 0.5s ease; /* smooth transition */\n}\n\n#brxe-tfsphw:hover {\n  /* position and size when hovering */\n  transform: translate(0, -10px); /* move up by 10px */\n}","_direction":"row","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_conditions":[[{"id":"qpmsrv","key":"user_logged_in","compare":"==","value":"0"}]],"hasLoop":true,"_boxShadow":{"values":{"offsetX":"2","offsetY":"2","blur":"5"},"color":{"hex":"#7d7d7d","id":"jxahvk","name":"Color #12"}}},"label":"side post 2"},{"id":"spvomf","name":"image","parent":"tfsphw","children":[],"settings":{"image":{"useDynamicData":"{featured_image}","size":"large"},"caption":"none","link":"attachment","url":{"type":"meta"},"altText":"{post_title}","_overflow":"hidden","_border":{"radius":{"top":"20","left":"20"}},"_objectFit":"fill","_cssCustom":"#brxe-spvomf img {\n  object-fit: fill;\n  aspect-ratio: 4 / 3;\n  /*\n  aspect-ratio: 4 / 3;\n  aspect-ratio: 16 / 9;\n  */\n}","_widthMax":"45%","_flexGrow":"1","_display":"flex"},"themeStyles":[]},{"id":"uhalxu","name":"div","parent":"tfsphw","children":["asqibf","kfkhko"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_padding":{"left":"10","right":"10"}}},{"id":"asqibf","name":"heading","parent":"uhalxu","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"text-align":"center","font-weight":"600"},"_cssCustom":"#brxe-asqibf .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_width:mobile_landscape":"385","_width:mobile_portrait":"228.5"}},{"id":"kfkhko","name":"text","parent":"uhalxu","children":[],"settings":{"text":"<p>{author_avatar}  By {author_name}</p>","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"font-size":"14","text-align":"left"},"_cssCustom":"#brxe-kfkhko .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_margin":{"top":"20"}}},{"id":"zfdosl","name":"image","parent":"cfngjv","children":[],"settings":{"image":{"useDynamicData":"{featured_image}","size":"large"},"caption":"none","link":"attachment","url":{"type":"meta"},"altText":"{post_title}","_overflow":"hidden","_border":{"radius":{"top":"20","left":"20"}},"stretch":true,"_objectFit":"fill","_cssCustom":"#brxe-zfdosl img {\n  object-fit: cover;\n  aspect-ratio: 4 / 3;\n  /*\n  aspect-ratio: 4 / 3;\n  aspect-ratio: 16 / 9;\n  */\n}","_widthMax":"45%","_display":"flex","_flexGrow":"1"},"themeStyles":[]},{"id":"lbcaoc","name":"div","parent":"cfngjv","children":["mdzezb","lvmcnv"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_padding":{"left":"10","right":"10"}}},{"id":"mdzezb","name":"heading","parent":"lbcaoc","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"text-align":"center","font-weight":"600"},"_cssCustom":"#brxe-mdzezb .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_width:mobile_landscape":"385","_width:mobile_portrait":"228.5"}},{"id":"lvmcnv","name":"text","parent":"lbcaoc","children":[],"settings":{"text":"<p>{author_avatar}  By {author_name}</p>","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_typography":{"font-size":"14","text-align":"left"},"_cssCustom":"#brxe-lvmcnv .avatar {\n  height: 30px;\n  width: 30px;\n  border-radius: 20px;\n}","_margin":{"top":"20"}}},{"id":"wfddyn","name":"image","parent":"uhywsw","children":[],"settings":[],"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://buzzpetz.com","version":"1.7.3","globalClasses":[],"globalElements":[]}```

Hi… Being blunt, you need a neater, more systematic approach to your builds! This will come with time, but I recommend spending time with the Bricks academy to understand what’s already in the builder, maybe a good look at what flex is: A Complete Guide to Flexbox | CSS-Tricks - CSS-Tricks
and GRID for what flex isn’t…

Understanding what the various css things do (like flex, grid, order, z-index etc…) really helps you understand how to structure a page… often using many less elements, though sometimes realising an extra DIV wrapper is just the trick.

Anyway I made some changes… Not perfect, but it shows several things.

Use an image for avatar… in html this will show as an image, without the extra div of the basic text. Plus it’s easier to control.

No need for :hover in the css (or transition: all, or transform) - all these are available in the builder (top left arrow next to the ‘b’ to find hover states).

No need for 3 queries, just one, and it repeats the div. 2 less queries to call and easier to maintain.

You can use flex, and ‘space between’ and similar to line up titles, headlines etc.

Object fit cover for the image as said… overflow:hidden and it’s neatly contained in the box. It collapses and resizes better.

The first box is a background. Not essential, but another way to do it. Note the div order (image last) but visible order (image first) using the builder, ORDER setting. So accessible, as you tab to title first, but visibly as you wanted it.

I probably did other things but I can’t remember! Have a look at it (on breakpoints and at all the marked (tiny yellow dot) styles etc. with settings) to get an idea of what I did. Hope it helps… (this is just the first post section)…

{"content":[{"id":"eqptui","name":"section","parent":0,"children":["vlrege","tgptrg"],"settings":{"_background":{"color":{"hex":"#81d4fa","id":"hixtzo","name":"Color #13"}},"_gradient":{"angle":"60"},"_shapeDividers":[{"id":"xprhys","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipHorizontal":true,"top":"-1"},{"id":"jxcejr","shape":"wave-brush","height":"75","fill":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"},"flipVertical":true,"verticalAlign":"flex-end","bottom":"-1"}],"_margin":{"top":"0"},"_padding":{"top":"70","bottom":"70"},"_widthMax:tablet_portrait":"100%"},"label":"First Post block section"},{"id":"vlrege","name":"heading","parent":"eqptui","children":[],"settings":{"text":"Practical Pet Advice For Taking Care Of Your Dog, Cat, and Every Other Loveable Creature","tag":"h1","_typography":{"text-align":"center"},"_margin":{"bottom":"20","top":"10"}}},{"id":"tgptrg","name":"container","parent":"eqptui","children":["bostmi","ykicfb"],"settings":{"_direction":"row","_widthMax":"80%","_widthMax:tablet_portrait":"95%","_direction:mobile_landscape":"column","_direction:tablet_portrait":"column"}},{"id":"bostmi","name":"block","parent":"tgptrg","children":["nlkeej"],"settings":{"_padding":{"right":"0"},"_margin":{"right":"10"},"_alignSelf":"stretch","_widthMax:mobile_landscape":"100%","_width":"50%","_width:tablet_portrait":"100%"},"label":"Column"},{"id":"nlkeej","name":"block","parent":"bostmi","children":["klvgdj","wovywn"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_alignItems":"center","hasLoop":true,"query":{"objectType":"post","post_type":["post"],"posts_per_page":"1","orderby":"date","order":"desc"},"_widthMax:tablet_portrait":"100%","_direction:tablet_portrait":"column","_cssTransition":"all 0.5s ease","_height":"100%","_background":{"image":{"useDynamicData":"{featured_image}","size":"large"},"position":"center center","repeat":"no-repeat"},"_padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"},"_justifyContent":"space-between","_transform:hover":{"translateY":"-10"},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"2","offsetY":"2","blur":"5"},"color":{"raw":"var(--rd-greys-d-6)","id":"brxc_color_87657y-d-6","name":"rd-greys-d-6"}},"_position":"relative","_height:tablet_portrait":"50vh","_heightMin:tablet_portrait":"240px"}},{"id":"klvgdj","name":"heading","parent":"nlkeej","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_padding":{"left":"24","right":"24","top":"12","bottom":"12"},"_typography":{"font-weight":"600"},"_border":{"radius":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"_zIndex":"10"}},{"id":"wovywn","name":"div","parent":"nlkeej","children":["eluded","mjeesu"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_display":"flex","_columnGap":"20px","_rowGap":"20px","_alignItems":"center","_padding":{"top":"12","right":"12","bottom":"12","left":"12"},"_background":{"color":{"raw":"var(--rd-greys-l-6)","id":"brxc_color_87657y-l-6","name":"rd-greys-l-6"}},"_border":{"radius":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}},{"id":"eluded","name":"image","parent":"wovywn","children":[],"settings":{"image":{"useDynamicData":"{author_avatar}","size":"large"},"_objectFit":"contain","_width":"30px","_height":"30px"}},{"id":"mjeesu","name":"text-basic","parent":"wovywn","children":[],"settings":{"text":"By {author_name}"}},{"id":"ykicfb","name":"block","parent":"tgptrg","children":["mhhdlw"],"settings":{"_typography":{"text-align":"center"},"query":{"posts_per_page":"3","offset":"1"},"_direction":"column","_rowGap":"15","_display":"flex","_widthMax:mobile_landscape":"100%","_margin:mobile_landscape":{"left":"0"},"_padding:mobile_landscape":{"right":"5","left":"5"},"_columnGap":"15","_alignSelf":"stretch","_width":"50%","_width:tablet_portrait":"100%"},"label":"Column"},{"id":"mhhdlw","name":"block","parent":"ykicfb","children":["glfikx","hhovre"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","query":{"objectType":"post","post_type":["post"],"posts_per_page":"3","orderby":"date","order":"desc","offset":"1"},"_direction":"row","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_conditions":[[{"id":"qpmsrv","key":"user_logged_in","compare":"==","value":"1"}]],"_boxShadow":{"values":{"offsetX":"2","offsetY":"2","blur":"5"},"color":{"hex":"#7d7d7d","id":"jxahvk","name":"Color #12"}},"_width":"100%","_height":"33%","hasLoop":true,"_cssTransition":"all 0.5s ease;","_transform:hover":{"translateY":"-10"},"_overflow":"hidden","tag":"article","link":{"type":"meta","useDynamicData":"{post_url}"},"_flexWrap:mobile_portrait":"nowrap","_alignItems":"stretch","_height:tablet_portrait":"25vh","_heightMin:tablet_portrait":"200px"},"label":"side post 1"},{"id":"glfikx","name":"div","parent":"mhhdlw","children":["jqgyri","nfqsix"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_width":"60%","_display":"flex","_direction":"column","_justifyContent":"space-between","_alignItems":"center"}},{"id":"jqgyri","name":"heading","parent":"glfikx","children":[],"settings":{"text":"{post_title}","_background":{"color":{"hex":"#fefbfb","id":"ximrxn","name":"Color #1"}},"_padding":{"left":"24","right":"24","top":"12","bottom":"12"},"_typography":{"font-weight":"600"},"_border":{"radius":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"_zIndex":"10","tag":"h5"}},{"id":"nfqsix","name":"div","parent":"glfikx","children":["yiccsx","xdsosy"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n  color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_columnGap":"20px","_rowGap":"20px","_alignItems":"center","_padding":{"top":"12","right":"12","bottom":"12","left":"12"},"_background":{"color":{"raw":"var(--rd-greys-l-6)","id":"brxc_color_87657y-l-6","name":"rd-greys-l-6"}},"_border":{"radius":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"_display":"flex"}},{"id":"yiccsx","name":"image","parent":"nfqsix","children":[],"settings":{"image":{"useDynamicData":"{author_avatar}","size":"large"},"_objectFit":"contain","_width":"30px","_height":"30px"}},{"id":"xdsosy","name":"text-basic","parent":"nfqsix","children":[],"settings":{"text":"By {author_name}","_typography":{"font-size":"14px"}}},{"id":"hhovre","name":"image","parent":"mhhdlw","children":[],"settings":{"image":{"useDynamicData":"{featured_image}","size":"large"},"_objectFit":"cover","_width":"40%","_objectFit:mobile_portrait":"cover","_order":"-1"}}],"source":"bricksCopiedElements","sourceUrl":"https://recoverydev.local","version":"1.8.1","globalClasses":[],"globalElements":[]}