body {
    background: url("./shtq.png");
    background-position: fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: right;
}
    
    

.content {
    margin-top: 15 rem;
    background: transparent;
    animation: squish 1s ;
    font-family: 'Rancho', cursive;
    margin-bottom: 20vh;
}

.content h3 {
    top: 3 rem;
    
}
.swiper {
    width: 800px;
    height: 500px;
    margin-bottom: 10vh;
    
   
  }

  .swiper-slide {
    background-position: center;
    background-size: cover;
    
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 25px;
  }

  @media screen and (max-width: 750px) {
   
    body {
  
      overflow-x: hidden;
      background: url("./shtq.png") ;
      background-position: fixed;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: 1250px 1100px ;
      background-position: center right;
     
    }
    .content h3{
        font-size: 45px;

    }
    .swiper {
        width: 100vw;
        height: 350px;
        margin-bottom: 20vh;
        
       
      }
      .swiper-slide img {
        display: block;
        object-fit: scale-down;
        
    }
    
   
    

}