/* Mansory */
#memory{
    margin-top: 70px;
    text-align: center;
}
#memory h1{
    font-size: 30px;
    padding-bottom: 30px;
}
.mansory-container {
    max-width: 800px;
    padding: 1rem;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(200px, auto);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(26,242,218,1) 100%, rgba(0,212,255,1) 100%);
}

.mansory-container div img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.a {
    grid-row: 1;
    grid-column: 1/3;
}

.b {
    grid-row: 1;
    grid-column: 4 / 5;
}
.i{
    grid-row: 2;
    grid-column: 3/5;
}
.j{
    grid-row: 3;
    grid-column: 2/5;
}

@media (max-width: 500px) {
    #memory{
        margin: 20px 20px 50px 20px;
        padding: 0 10px;
    }
    #memory h1{
        font-size: 35px;
    }
    .mansory-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: minmax(200px, auto);
        grid-gap: 1rem;
    }
    .mansory-container div img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .i{
        grid-row: 1;
        grid-column: 1/2;
       }
       .a {
           grid-row: 4;
           grid-column: 1/4;
       }
       .h{
           grid-row: 5;
           grid-column: 2/4;
       }
       .b{
           grid-row: 1;
           grid-column: 2 / 4;
       }
       .f{
           grid-row: 3;
           grid-column: 1 / 2;
       }
       .d{
           grid-row: 3;
           grid-column: 2 / 4;
       }
       .e{
           grid-row: 5;
           grid-column: 1/2;
       }
       .j{
           grid-row: 2;
           grid-column: 1/4;
       }
   }