.margin {
      height: 800px;
    }
    .container {
      margin: 0 auto;
      width: 600px;
    }
    .container img {
      width: 100%;
    }


    .fade-in {
      opacity: 0;
      transition-duration: 2s;
      transition-property: opacity, transform;
    }

    .fade-in-up {
      transform: translate(0, 50%);
    }

    .fade-in-down {
      transform: translate(0, -50%);
    }

    .fade-in-left {
      transform: translate(-50%, 0);
    }

    .fade-in-right {
      transform: translate(50%, 0);
    }

    .scroll-in {
      opacity: 1;
      transform: translate(0, 0);
    }