.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas:
        ". . . . . . . . ."
        ". . . . . . . . ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". art art art art art art art ."
        ". . . . . . . . .";
}

.art {
    grid-area: art;
    border: solid;
    background-color: #e3e38d;
    height: 600px;
    overflow-y: auto;
    margin-top: -111px;
    margin-left: 100px;
    margin-right: 100px;
}
img {
    margin: 10px 10px;
}

#backbuttonDT {height: 150px ; width: 150px; position: absolute; top: 270px; left: 1150px  }
html{
     cursor: url(images/cursor%20grab.png), auto;
    background-image: url(images/Geometric%20patchwork%20pattern%20of%20a%20squares%20vector%20image%20on%20VectorStock.jpeg)
}
a{
     cursor: url(images/cursor%20point.png),  pointer;
}

#backbuttonDT:hover {
  transform: scale(120%) ; rotate: calc(15deg)
}