.images {
    position: relative;
    height: 100%;
  }
  
    .images .main {
    position: relative;
    float: right;
  }
  
  @media screen and (max-width: 991px) {
      .images .main {
      top: 15%;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main {
      top: 0;
      float: initial;
    }
  }
  
    .images .main img.main {
    position: relative;
    width: 450px;
    height: auto;
    opacity: 1;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.main {
      width: 300px;
    }
  }
  
    .images .main img {
    position: absolute;
    width: 200px;
    opacity: .8;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img {
      width: 100px;
    }
  }
  
    .images .main img.experience {
    left: 18em;
    top: 12em;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.experience {
      left: 12em;
      top: 9em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.experience {
      left: 19em;
      top: 9em;
    }
  }
  
    .images .main img.analytics {
    left: 15em;
    top: 22em;
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.analytics {
      left: 9em;
      top: 15em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.analytics {
      left: 18em;
      top: 15em;
    }
  }
  
    .images .main img.data {
    width: 100px;
    left: 1em;
    top: 20em;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.data {
      left: 0em;
      top: 15em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.data {
      left: 7em;
      top: 13em;
    }
  }
  
    .images .main img.profile {
    left: 3em;
    top: 15em;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.profile {
      width: 150px;
      left: 1em;
      top: 11em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.profile {
      width: 150px;
      left: 8em;
      top: 9em;
    }
  }
  
    .images .main img.button {
    width: 145px;
    left: -1em;
    top: 8em;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.button {
      left: -6em;
      top: 4em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.button {
      left: 1em;
      top: 4em;
    }
  }
  
    .images .main img.emoji {
    width: 150px;
    left: -2em;
    top: 32em;
  }
  
  @media screen and (max-width: 991px) {
      .images .main img.emoji {
      width: 100px;
      left: -0em;
      top: 23em;
    }
  }
  
  @media screen and (max-width: 768px) {
      .images .main img.emoji {
      width: 100px;
      left: 7em;
      top: 22em;
    }
  }