.boxl, .boxr {
  transition: box-shadow .3s;
  width: 48%;
  position: relative;
  height: auto !important;
  margin: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.boxl {
  float: left;
}
.boxr {
  float: right;
}
@media only screen and (max-width: 620px) {
  .boxl, .boxr {
    width: 95%;
    float: left;
  }
}
.boxl:hover,
.boxr:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}