Split product block into two columns pictures + Description.

Please help. Version 7.1. Like to have two colums picture in product page. Two pictures side by side + Description.
I use Simple Format, Full Width and Stacked Design.
Hope to get pictures/photos like this:
 

I think I found solution:
@media screen and (min-width: 768px) {
  .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item
{
    margin-bottom: 5px;
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 45% !important;
    float: left !important;
    margin-right: 5px;
  }
}

If anyone is looking for a PDP with a product gallery in two columns (Simple Layout, Design: Stacked) here is an alternative using CSS Grid:

/************************************** 
Two columns in Product Gallery
on Simple PDP with Design:Stacked
Copyright SF Digital https://sf.digital
Use freely in your Custom CSS but  
do NOT re-publish.
**************************************/
@media screen and (min-width: 1025px) {
  /* Remove default psuedo element */
  .ProductItem-gallery-slides::before {
    content: none !important;
  }
  /* Use Grid to create 2 columns */
  .ProductItem-gallery-slides {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px; /* Gap between items */
  }
  .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item {
    /* Remove default margin of 25px */
    margin: 0;
    box-sizing: border-box; 
  }  
}

Did this help? Please give feedback by clicking an icon below  ⬇️