.about{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.about-left{
  width: 50%;
  display: block;
  float: left;
 
}
.about-right{
  width: 50%;
  display: block;
  float: right;
  height: 100%;
  overflow: hidden;
  transform: scale(1);
}


.about-img{
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  animation: fadeIn 4s ease 0s 1 alternate;
}

.about-img-box{
  width: 50%;
  max-width: 100%;
  bottom: -15%;
  position: relative;
  display: block;
  float: left;
}

.about-slick{
  width: 100%;
  height: 100%;
  background-image: url('../img/about/about-slick1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: absolute;
}