body{
    background-image: url('watch2.avif');
   background-repeat: no-repeat;
   background-size: cover;
 }
 #counter-container{
     width: 45%;
     height: 380px;
     border: 4px solid black;
     border-radius: 30%;
     text-align: center;
     margin: auto;
     margin-top: 5%;
     background-image: url('watch7.avif');
 }
 #counter-container .count {
     border-radius: 40%;
     margin-top: 8%;
     border-width: 3px;
     border-style: solid;
     font-size: large;
     font-weight: bold;
     margin-right: 10px;
   }
   #timer{
     border: 3px solid black;
     height: 100px;
     width: 60%;
     margin: auto;
     margin-top: 20%;
     font-size: 2rem;
     font-weight: bold;
   }
   .title{
     text-align: center;
     font-family: cursive;
     font-size: 2rem;
     font-weight: bold;
     margin-top: 5%;
     color: white;
   }
  @media screen and (min-width:320px) and (max-width: 480px){
    #counter_container {
    height: 40vh;
    width: 90vw;
    min-width: 0px;
    }   
    #timer_text {
        font-size: 1rem;
    }
    #title {
        font-size: 1.8rem;
        letter-spacing: 5px;
    }
    .count {
        font-size: 0.5rem;
        width: 70px;
    }
}