@media(orientation:portrait){
  body{
    background:  linear-gradient( #a5c1a4,#f8f6bf,#f7f387);
    /* background-repeat: no-repeat;
    background-size: cover; */
  }
  .canvasElement{
    display: none !important;
  }
  .rotate{
    display: block !important;
  }
  img{
    justify-items: center;
    width: 85%;
    margin: auto;
    display: block;
  }
}

@media(orientation:landscape){
  .rotate {
    display: none !important;

  }
  .canvasElement{
    display: block !important;
    /* margin-top: 30px !important; */
  }
  #canvasIosElement{
    /* margin: 0 !important; */
  }
}