#topper {
  /*width: 100%;  You can change this to any value */
  /*height: 280px;  You can change this to any value */
 background-color: #ADD8E6;
  position:relative;
    height: 280px;
    margin: 4px 2px 2px 4px;
    border: #0f0f12 outset 2px;
    border-radius: 5px;
}
#topper img {
  /* width: 100%; */
  height: 265px;
 margin: 10px 2px 5px 2px;
}
#left, #right {
  display: inline-flex; /* This makes the divs align horizontally */
  width: 49.9%; /* You can change this to any value, but make sure the total width of the child divs is less than or equal to the parent div width */
  height: 99%; /* You can change this to any value, but make sure the height of the child divs is less than or equal to the parent div height */
}

#left {
  background-color: #ADD8E6;  /* You can change this to any color or remove it */
  justify-content: center; /* vert align*/
  align-items: center;
}

#right {
/* justify-content: center; /* vert align*/
  align-items: center; */
  background-color:#ADD8E6; /* You can change this to any color or remove it */
float: right 
}