.timeline-item {
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 1.6rem;
  
    margin: 0 auto;
    max-width: 472px;
    height: 155px;
    display:block;
  }
  
  @keyframes placeHolderShimmer {
    0%{ background-position: -468px 0; }
    100%{ background-position: 468px 0; }
  }
  
  .animated-background {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    /* height:100px; */
    height: 100%;
    position: relative;
  
    padding: 20px;
  }
  
  .background-masker {
    background: #fff;
    position: absolute;
  }
  
  /* Every thing below this is just positioning */
  
  
  
  /********************/
  /* START of masking */
  /********************/
  .background-masker.title-line-spacing {
      top: 18px;
      left: 0px;
      right: 0;
      height: 6px;
  }
  .background-masker.title-line-2 {
      top: 24px;
      left: 60%;
      right: 0;
      height: 18px;
  }
  .background-masker.title-break {
      top: 40px;
      left: 0;
      right: 0;
      height: 10px;
  }
  .background-masker.location-start {
      top: 50px;
      left: 85px;
      width: 10px;
      height: 18px;
  }
  .background-masker.location-end {
      top: 50px;
      right: 0;
      width:120px;
      height: 18px;
  }
  .background-masker.location-break {
      top: 68px;
      left: 85px;
      right: 0;
      height: 10px;
  }
  
  .background-masker.listing-type-start {
      top: 78px;
      left: 85px;
      width: 10px;
      height: 18px;
  }
  .background-masker.listing-type-end {
      top: 78px;
      /* right: 0; */
      left: 190px;
      width:8px;
      height: 18px;
  }
  .background-masker.property-type-start {
      top: 78px;
      /* right: 0; */
      left: 198px;
      width:8px;
      height: 18px;
  }
  .background-masker.property-type-end {
      top: 78px;
      /* right: 0; */
      left: 306px;
      right: 0;
      height: 18px;
  }
  .background-masker.property-type-break {
      top: 96px;
      /* right: 0; */
      left: 85px;
      right: 0;
      height: 10px;
  }
  
  .background-masker.price-start {
      top: 106px;
      /* right: 0; */
      left: 85px;
      width: 10px;
      height: 18px;
  }
  .background-masker.price-end {
      top: 106px;
      left: 350px;
      right: 00;
      height: 18px;
  }
  
  /******************/
  /* END of masking */
  /******************/