.advert {
    width: 300px;
    height: 200px;
    border-radius: 50%;
    background-image: url("../../images/stablesAdvert.jpg");
    position: relative;
    -webkit-animation-name: advert; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: advert;
    animation-duration: 15s;
    animation-iteration-count: infinite;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes advert {
    0% { left: -100px;}
    50%{ left : 100px;}
    100%{ left: -100px;}
  }
  
  /* Standard syntax */
  @keyframes advert {
    0% { left: -100px;}
    50%{ left : 100px;}
    100%{ left: -100px;}
  }

  /* --------------------------------------------------- */


  .advert2 {
    width: 300px;
    height: 200px;
    border-radius: 50%;
    background-image: url("../../images/advert2.jpg");
    position: relative;
    -webkit-animation-name: advert2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: advert2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    color: rgb(240, 141, 11);
    padding-left: 2rem;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes advert2 {
    0% { left: -100px;}
    50%{ left : 100px;}
    100%{ left: -100px;}
  }
  
  /* Standard syntax */
  @keyframes advert2 {
    0% { left: -100px;}
    50%{ left : 100px;}
    100%{ left: -100px;}
  }