#divImgContainer{
   position: relative;
   width: 200px;
   height: min-content;
}

#divRecorte{
   display: none;
   grid-template-areas:
     "a11 a12 a13"
     "a21 a22 a23"
     "a31 a32 a33";
   
   grid-template-rows: 20px auto 20px;
   grid-template-columns: 20px auto 20px;

   position: absolute;
   cursor: all-scroll;
   z-index: 1;
   top: 0px;
   left: 0px;
   width: 200px;
   height: 200px;
   border: 4px dashed lightgrey;
   user-select: none;
}

.divCanto{
   width: 100%;
   height: 100%;
   border: 4px solid lightgrey;
   background-color: white;
}

#canto1{
   grid-area: a11;
   cursor: se-resize;
   border-top: none;
   border-left: none;
}

#canto2{
   grid-area: a13;
   cursor: sw-resize;
   border-top: none;
   border-right: none;
}

#canto3{
   grid-area: a31;
   align-self: flex-end;
   cursor: sw-resize;
   border-left: none;
   border-bottom: none;
}

#canto4{
   grid-area: a33;
   align-self: flex-end;
   cursor: se-resize;
   border-right: none;
   border-bottom: none;
}

#divMeio12{
   grid-area: a12;
}

#divMeio21{
   grid-area: a21;
}

#divMeio22{
   grid-area: a22;
}

#divMeio23{
   grid-area: a23;
}

#divMeio32{
   grid-area: a32;
}