img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

body{

background: transparent;


}

.button1{

position: absolute;
    top: 60%;
    left: 50%;
    
    max-width: 70%;
    max-height: 70%;
    
  

}


.button1:hover{

        -webkit-filter: drop-shadow(0px 0px 100px #e97be0);
        filter: drop-shadow(0px 0px 100px #e97be0);
    
    
    //color: #111;
    
    //background: greenyellow;
    box-shadow: 0 0 100px rgba(226, 102, 199,0);
  

}


@media screen and (orientation:landscape) and (min-device-width: 600px) {
   /* Your CSS Here*/
img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

.button1{

position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 20%;
    max-height: 20%;





}

}



@media screen and (orientation:landscape) and (max-device-width: 833px) {
   /* Your CSS Here*/
img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

.button1{

position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 20%;
    max-height: 20%;





}

}




@media screen and (orientation:portrait) and (min-device-width: 600px){
img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

.button1{

position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 20%;
    max-height: 20%;





}





}









@media (min-width: 1024px) {                                                         
img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

.button1{

position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 20%;
    max-height: 20%;





}
}