.image-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: relative;
  color: black;
  overflow: hidden;

/* background-color: black; */

  .inner-content-wrap {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transform: transformY(100%);
    will-change: transform, opacity;

    text-align: center;
  }

  .bars {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;

    .bar-top,
    .bar-bottom {
      display: block;
      width: 100%;
      height: 120px;
      position: absolute;
      top: 0;
      left: 0;
      will-change: transform;
      transform-origin: top center;
      background: white;
      transition: transform 0.1s ease-out;
      will-change: transform;
    }

    .bar-bottom {
      top: auto;
      bottom: 0;
      transform-origin: bottom center;
    }

    .bar-left,
    .bar-right {
      display: block;
      width: 120px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      will-change: transform;
      transform-origin: center left;
      background: white;
      transition: transform 0.1s ease-out;
      will-change: transform;
    }

    .bar-right {
      left: auto;
      right: 0;
      transform-origin: center right;
    }
  }
}
.animaton_people_logo{
  
  visibility: visible;
  z-index: 100;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
    justify-content: center;
}
.animaton_people_logo_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50%;
  
}
.expand-image {
  
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(1);
  opacity: 1;
}
.content {
  width: 600px;
  margin: 0 auto;
  padding: 200px 0;
}