body {
  background-color: rgb(244, 238, 5);
  font: 400 2.625em/1.38 Helvetica;
  color: rgb(0, 0, 0);
}

.element {
  position: relative;
  float: left;
}

.image {
  display: block;
  position: relative;
  float: left;
  z-index: 3;
  width: 226px;
  height: auto;
  margin: 154px 0 0 26.08073%;
  overflow: hidden;
}

.text {
  position: relative;
  float: left;
  min-height: 194px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text:hover {
  color: rgb(0, 0, 0);
}

.element-1 {
  clear: both;
  z-index: 1;
  width: 42.39921875%;
  height: 242px;
  margin: -258px 0 0 28.79948%;
  background-color: rgb(221, 221, 221);
}

.element-2 {
  z-index: 0;
  width: 42.3333333333%;
  height: 266px;
  margin: -270px 0 0 28.83073%;
  background-color: rgb(171, 171, 171);
}

.text-1 {
  z-index: 2;
  width: 26.3333333333%;
  margin: -231px 0 0 43.25%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.text-1:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.text-2 {
  z-index: 4;
  width: 24.0833333333%;
  margin: -103px 0 0 44%;
}

.text em {
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
}

.text-1 em {
  font-style: normal;
}

.text-2 em {
  font-style: italic;
}