body{
    background-color: rgb(225, 255, 0);
    }

.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
grid-auto-rows: minmax (50px, auto);
position: sticky;
top: 10px;
}

.nina {
grid-column: 1;
grid-row: 1;
width: 110%;
}

.greentext {
grid-column: 2;
grid-row: 1;
width: 110%;
}

.cadre {
grid-column: 1;
grid-row: 1;
z-index: 2;
}

#mydiv {
position: absolute;
z-index: 16;
width: 5px;
height: 5px;
}
#mydivheader {
padding: 10px;
cursor: move;
z-index: 10;
margin-left: 9px;
margin-top: 80px;
width: 1000px;
}

/* RESPONSIVE */
/* WRAPPER */
@media screen and (max-width: 1368px) {
.wrapper{
grid-template-columns: repeat(2, 1fr);

}}

@media screen and (max-width: 480px) {
.wrapper{
grid-template-columns: repeat(1, 1fr);
}}

  /* -------- */

@media screen and (max-width: 1368px) {
.nina{
 width: 110%;
}}

@media screen and (max-width: 480px) {
.nina{
width: 110%;
}}

@media screen and (max-width: 1368px) {
.greentext{
width: 110%;
}}
    
@media screen and (max-width: 480px) {
.greentext{
width: 110%;
grid-column: 1;
grid-row: 2;
}}

  /* -------- */

@media screen and (max-width: 1368px) {
#mydivheader{
width: 750px;
}}
        
@media screen and (max-width: 480px) {
#mydivheader{
width: 420px;
margin-top: 700px;
}}