custom.css

.columnWrapper {
  display: flex;
  padding: 20px 20px 0px 20px;
}


.columnWrapper > div {
  flex-grow: 1;
  padding: 20px 20px 0px 20px;
  height:auto;
  overflow:hidden;
  transition: ease-in-out 200ms;
  box-shadow: 0.05rem 0.05rem 0.075rem 0.075rem gainsboro; 
  box-shadow: 0px 10px 10px rgba(30, 30, 30, 0.08);
  background: linear-gradient(to right bottom, #f7fafc, #fff);
  background-color: #ffffff;
  border-collapse: collapse;
  cursor: default; 
}

.columnWrapper > div:first-of-type { margin-right:10px }
.columnWrapper > div:nth-of-type(2) { margin-right:10px }
.columnWrapper > div:nth-of-type(3) {  }

.columnWrapper > h2 { margin-top:0 margin-bottom:0 }

.columnWrapper > div:hover {
  box-shadow: 0px 10px 20px rgba(30, 30, 30, 0.16);
}

.columnCard {
padding-bottom:0px;
width:33vw; 
}   
.columnCard img {
opacity: 0.8;
transition: ease-in-out 200ms;  
}
.columnCard:hover img {
opacity: 1.0;
}

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left-image {
    float: left;
    margin-right: 1em;
}

.right-image {
    float: right;
    margin-left: 1em;
}