.img {
    width: 736px;
    height: 245px;
    object-fit: cover; 
    border-radius: 10px; 
    
        object-fit: contain !important;
}

a{
     display: flex; 
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
    border-radius: 6px;
    padding: 10px; 
    text-decoration: none; 
    color: white;
}

a:hover{
    transform: scale(1.03);
    box-shadow: 0 0 18px rgb(179, 178, 177);
}



h1{
    color: rgb(224, 228, 233);
    text-shadow: 7px 7px 8px #0f0f1a;
    text-align: center;
}

.container2{
    background: linear-gradient(to bottom, #1a1a2e, #0f0f1a);
     display: grid;
  place-items: center;

}

body {
    margin: 0px;
    box-sizing: border-box; 
    background-color: #110118;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.container {
    background: linear-gradient(to bottom, #15151f, #110118);
    display: grid;
    place-items: center;
    width: 850px;
    min-height: 1500px; 
    border-radius: 20px;
    margin: 50px auto; 
    box-shadow: 0 0 15px rgb(148, 139, 136);
    padding: 20px; 
}


@media only screen and (max-width: 860px) {
    
    .container {
        width: 90%;       
        min-height: auto;   
        height: auto;      
        margin: 20px auto;   
        padding: 20px 10px;  
        min-height: 90vh;
    }

    .img {
        width: 100%;       
        height: auto;        
        max-width: 100%;    
        object-fit: contain !important;
    }

    a {
        width: 100%;         
        display: flex;     
        margin-bottom: 10px; 
    }

    h1 {
        font-size: 1.8em;  
    }
}