#page-caracteristicas {
  display: block;

  .floating-container {
    position: relative;

    .floating-images {
      position: absolute;
      top: 0;
      width: 150px;

      -webkit-animation-name: fadebounce;
      -moz-animation-name: fadebounce;
      animation-name: fadebounce;
      -webkit-animation-duration: 7s;
      -moz-animation-duration: 7s;
      animation-duration: 7s;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      animation-iteration-count: infinite;

      .floating-image-1 {
        position: relative;
        display: block;
        left: -45%;
        top: 120px;
        max-width: 100%;
      }

      .floating-image-2 {
        position: relative;
        right: -45%;
        display: block;
        top: 56px;
        max-width: 100%;
      }
    }
  }

  @media (min-width: 64em) {
    .floating-container {
      .floating-images {
        width: 50%;

        .floating-image-1 {
          top: 195px;
        }

        .floating-image-2 {
          top: 85px;
        }
      }
    }
  }
}