.box
{
    margin-left: auto ;
    margin-right: auto;

    height: 1000px;
    width: 1000px;
    border: 2px transparent red;
    position: relative;
    /*left: 100px;*/
}

.grid-container
{
    display: grid;
    grid-template-columns: 1fr 6fr 3fr;
    grid-gap: 3px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
   /*position: relative;
     left: 140px; */
}

.grid-item
{
    border: 1px transparent;
}

.grid-item_col2
{
    border: 1px transparent red;
    grid-column: auto / span 2;
}

.grid-item_col3
{
    margin-left: auto;
    margin-right: auto;

    position: relative;
    top: -50px;
    right: 415px;
    border: 1px transparent red;
    grid-column: auto / span 3;
    transform: rotate3d(0, 0, 1, -1deg);
}

.grid-item_row2
{
    border: 1px transparent red;
    grid-row: auto / span 10;
}

.grid-item_row3
{
    border: 1px transparent red;
    grid-row: auto / span 15;
    grid-column: auto / auto / span 2;
}

.img_width_100 
{
    width: 100%;
    object-fit: contain;
}

.img_width_height_100
{
    width: 70%;
    height: 70%;
    object-fit: cover;
}
.grid-item_area
{
    border: 1px transparent red;
    grid-area: auto / auto / span 10 / span 2;
}