.side-by-side-images {
    display: flow-root; /* Modern clearfix method */
  }
 
  .side-by-side-images figure {
    float: left;
    width: 49%;
    margin-right: 2%; /* Add a small margin between the images */
  }
 
  .side-by-side-images figure:last-child {
    margin-right: 0; /* Remove margin from the last image */
    float: right; /* Align the second image to the right */
  }
 
  .side-by-side-images figure figcaption {
    text-align: center; /* Optional: Center the captions below each image */
  }