.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;     
    gap: 20px;
    margin: 10px;    
}

.container a {
    display: block;    
    text-align: center;    
    margin: auto;
    margin-top: 25px;
    width: fit-content;
}

.box {
    display: flex;
    justify-content: center;
    padding: 15px;
   
}

.box img{
    border-radius: 16px;
    max-width: 100%;
    height: auto;
}

.box video {
    border-radius: 16px;
    max-width: 100%;    
   height: auto;
}

.grid-1{
    
    grid-row-start: 1;
    grid-row-end: 3;
    
    
}

.grid-2{   
    justify-content: center;
    
    height: 300px;
    max-width: 2fr;   
}
.grid-3{
    justify-content: center;
    grid-row-start: 2;
    grid-row-end: 4;
    
}
.grid-4{    
    grid-row-start: 2;
    grid-row-end: 4;    
}