[et_pb_section fb_built=”1″ _builder_version=”4.24.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.24.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.24.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_portfolio fullwidth=”off” posts_number=”30″ include_categories=”all” show_categories=”off” show_pagination=”off” _builder_version=”4.24.2″ _module_preset=”default” title_font=”|||on|||||” title_text_align=”center” hover_enabled=”0″ custom_css_free_form=”@media (min-width: 981px) {|| .lwp-col-portfolio .et_pb_grid_item {|| width: calc(50% – 10px); /* Adjust the subtraction value for desired spacing */|| margin-right: 10px; /* Space between items */|| float: left; /* Ensure items float next to each other */|| height: auto; /* Adjust based on content */|| aspect-ratio: 510 / 330; /* Maintain the aspect ratio */|| }|||| /* Reset the margin for every 2nd item to maintain a uniform grid */|| .lwp-col-portfolio .et_pb_grid_item:nth-child(2n) {|| margin-right: 0;|| }|||| .lwp-col-portfolio .et_pb_grid_item img {|| width: 100%;|| height: auto;|| object-fit: cover; /* This will ensure images cover the area, might crop */|| }||}||||/* Adjustments for smaller screens are not strictly necessary for the two-column layout,|| but if you want a single column layout on smaller devices, you can adjust accordingly. */||@media (max-width: 980px) {|| .lwp-col-portfolio .et_pb_grid_item {|| width: 100%; /* Full width for smaller screens */|| margin-right: 0;|| margin-bottom: 10px; /* Space between stacked items */|| }||}||||/* This is for very small devices, like mobile phones. */||@media only screen and (max-width: 767px) {|| body header img#logo {|| max-width: 100%;|| max-height: 100%;|| height: auto;|| width: auto;|| }||}||” global_colors_info=”{}” module_class=”lwp-col-portfolio” sticky_enabled=”0″][/et_pb_portfolio][/et_pb_column][/et_pb_row][/et_pb_section]
