/* Three image containers (use 50% for two) */
.column {
    width: 50%;
    padding: 5px;
    display: flex; /* Align children with flexbox */
    justify-content: center; /* Center children horizontally */
    align-items: center; /* Center children vertically if you want */
    float: none; /* No need to float with flexbox */
    box-sizing: border-box; /* Include padding in the width calculation */
  }
  
  /* Clear floats after image containers */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  /* Additional styles for .row to center .column elements */
  .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Wrap to next line if not enough space */
  }
  
  /* Ensure images within columns are centered */
  .column img {
    max-width: 100%; /* Make sure the image is responsive and fits its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Change display to block to enable margin auto to work */
    margin-left: auto;
    margin-right: auto;
  }


  .row2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* This sets the gap between columns */
  }
  
  .center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  .column2 {
    flex: 1;
    padding: 5px;
    box-sizing: border-box;
  }

  em {
    color: rgb(0, 153, 153); /* Replace 'red' with your desired color */
  }

  h1 {
    color: rgb(50, 131, 168)
  }

  h2 {
    color: rgb(50, 131, 168)
  }

  h3 {
    color: rgb(50, 131, 168)
  }

  h4 {
    color: rgb(50, 131, 168)
  }
  
  h5 {
    color: rgb(50, 131, 168)
  }