/* *, *::before, *::after {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
 
}
   */

.proj-cont{
    position: relative; 
    height: 100vh;
}


.section9{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: auto;

   
  overflow-y: hidden;
}



  .sec7 {
    background-color: #00000000;
    min-height: 100vh;
    display: grid;
    place-items: center;
    perspective: 800px;
    overflow: hidden;
    width: 50%; 
    position: absolute; top: 0; left: 0%;
  }


  @media only screen and (max-width: 576px) {


    .section9{
        padding: auto;
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
        overflow-x: hidden;
      
    }
    .Card_change1{
width: 100% !important;
height: auto !important;
margin-right: 0 !important;
    }
    .jug-bg{
       /* From https://css.glass */
background: rgba(0, 0, 0, 0.38);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.548);
backdrop-filter: blur(8.2px);
-webkit-backdrop-filter: blur(8.2px);
border: 1px solid rgba(0, 0, 0, 0.3);
padding-top: 10px !important;
    }
    .sec7 {
        background-color: #00000000;
        min-height: 100vh;
        display: grid;
        place-items: center !important;
        perspective: 600px;
        overflow: hidden;
        width: 100%; 
        position: absolute; 
        top: 0%; 
        left: 0%;
     
      }
    

}