h1{
    text-align: center;
}
.img-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center;

    gap: 10px;
}

.blur-load{
    width: 300px;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.blur-load img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.blur-load.loaded >img{
    opacity: 1;
}

.blur-load >img{
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}