/* For tablets */


/* For mobile devices */















.parent {
  position: relative;
  margin-left: 100px;
  margin-top: 100px;
  width: 450px; /* Set the width of the parent div as needed */
  height: 400px; /* Set the height of the parent div as needed */
  /* border: 1px solid #000; Optional: for visualization */
}

.child {
  position: absolute;
  width: 75px; /* Set the width of each child div as needed */
  height: 80px; /* Set the height of each child div as needed */
  background-color: #ccc; /* Optional: for visualization */
}

#child1 {
  margin-top: 75px;
  margin-left: 20px;
  background-color: white;
}

#child2 {
  margin-top: 45px;
  margin-left: 100px;
  background-color:white;
}

#child3 {
  margin-top: 75px;
  margin-left: 195px;
  background-color: white;
}

#child4 {
  margin-top: 160px;
  margin-left: 10px;
  background-color:white;
}

#child5 {
  margin-top: 220px;
  margin-left: 100px;
  background-color:white;
}

#child6 {
  margin-top: 135px;
  margin-left: 100px;
  background-color:white;
}

#child7 {    
  margin-top: 160px;
  margin-left: 195px;
  background-color:white;
}