.grid {
  position: relative;
  color: #ffffff;
}

.grid .wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 1;
  background: #E0F2FA;
}
.grid .intro h2 {
  color: #042235;
}

.grid table {
  margin: 50px auto 0;
  max-width: 980px;
}

.grid td {
  padding: 8px;
}

.grid .img-row {
  display: flex;
}

.grid .img-row div:first-child {
  padding: 0 16px 0 0;
}

.grid .sm {
  max-width: 182px;
}

.grid .md {
  max-width: 305px;
}

.grid .lg {
  width: 274px;
}

.grid table img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid .lg {
  position: relative;
}

.grid .lg img {
  position: absolute;
  max-height: 456px;
  width: 274px;
  top: 8px;
  left: 8px;
}

.grid .image-wrapper {
  height: 350px;
  max-width: 750px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.grid .image-wrapper .col-two-column {
  width: calc(50% - 16px);
}

.grid .image-wrapper .col-two-column img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*@media screen and (max-width: 991px) {*/
/*  .image-grid tr {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*  }*/
/*  .grid .lg img {*/
/*    position: relative;*/
/*    max-height: 236px;*/
/*  }*/
/*}*/

/*@media screen and (max-width: 595px) {*/
/*  .grid .img-row {*/
/*    display: block;*/
/*    padding: 0 ;*/
/*  }*/
/*  .grid .img-row div:first-child {*/
/*    padding: 0;*/
/*  }*/
/*  .img-row div {*/
/*    padding: 0;*/
/*  }*/
/*  .grid .lg img {*/
/*    max-height: inherit;*/
/*  }*/
/*  .grid .md {*/
/*    max-width: 100%;*/
/*  }*/
/*  .grid .sm {*/
/*    max-width: 100%;*/
/*    width: 100%;*/
/*  }*/
/*  .grid .lg {*/
/*    width: 100%;*/
/*  }*/
/*  .grid .lg img {*/
/*    width: 100%;*/
/*  }*/
/*}*/

@media screen and (max-width: 595px) {
  .image-grid tr {
    display: flex;
    flex-wrap: wrap;
  }
  .image-grid tr td {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .grid .lg {
    margin: 0 auto 20px;
  }
  .grid .lg img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .grid .sm {
    max-width: 100%;
    max-height: 350px;
  }
  .grid table tr:last-child {
    margin-top: 20px;
  }
  .grid table img {
    object-position: top;
  }
  .grid .img-row {
    margin-bottom: 20px;
  }

  .grid .image-wrapper {
    flex-direction: column;
    height: 640px;
  }

  .grid .image-wrapper .col-two-column {
    width: 100%;
    height: calc(50% - 16px);
  }

}