.about-img {
  position: relative;
  margin: 15px auto;
  width: auto;
  max-width: 500px;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 16px rgba(109, 114, 139, 0.3);
          box-shadow: 0 8px 16px rgba(109, 114, 139, 0.3);
  -webkit-transform: skewX(-3deg) rotateX(20deg);
          transform: skewX(-3deg) rotateX(20deg);
}

.about-img img {
  width: 100%;
}



.portfolio {
  display: block;
  background-color: #F2F4FE;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.portfolio:hover {
  -webkit-box-shadow: 0 3px 12px rgba(109, 114, 139, 0.2);
          box-shadow: 0 3px 12px rgba(109, 114, 139, 0.2);
}

.portfolio img {
  width: auto;
  max-width: 100%;
}