.elementor-widget-Gallery_Home {
  width: 100%;
}

#skrollr-body .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12 equal columns */
  grid-template-rows: repeat(12, 1fr);  /* 12 equal rows */
  gap: 10px;
  width: 100%; /* Full width of the screen */
  max-width: 1280px;
  height: calc(100vw * 4 / 5); /* Height based on 5:4 ratio */
  max-height: 800px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#skrollr-body .grid-item {
  position: relative;
  overflow: hidden;
}

#skrollr-body .grid-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

/* Specific item styles to match the layout */
#child-1 {
  grid-column: span 4; /* 2 columns wide */
  grid-row: span 4;    /* 2 rows tall */
  /*background-color: #D4E6CE;*/
  order: 1;
  z-index: 3;
}

#child-2 {
  grid-column: span 2;
  grid-row: span 3;
  /*background-color: #DD6352;*/
  order: 2;
  z-index: 7;
}

#child-3 {
  grid-column: span 3;
  grid-row: span 4;
  /*background-color: #F0CC52;*/
  order: 3;
  z-index: 8;
}

#child-4 {
  grid-column: span 3;
  grid-row: span 4;
  /*background-color: #473078;*/
  order: 4;
  z-index: 12;
}

#child-5 {
  grid-row-start: 5;
  grid-row-end: 9;
  grid-column: span 2;
  /*background-color: #DB9587;*/
  order: 5;
  z-index: 10;
}

#child-6 {
  grid-row-start: 5;
  grid-row-end: 8;
  grid-column: span 2;
  /*background-color: #74BECB;*/
  order: 6;
  z-index: 2;
}

#child-7 {
  grid-column: span 2;
  grid-row: span 5;
  /*background-color: #473078;*/
  order: 7;
  z-index: 1;
}

#child-8 {
  grid-column: span 6;
  grid-row: span 4;
  /*background-color: #D5E7CF;*/
  order: 8;
  z-index: 9;
}

#child-9 {
  grid-row-start: 9;
  grid-row-end: col12-end;  
  grid-column: span 2;
  /*background-color: #F0CC52;*/
  order: 9;
  z-index: 11;
}

#child-10 {
  grid-row-start: 8;
  grid-row-end: col12-end;
  grid-column: span 2;
  /*background-color: #DD654C;*/
  order: 10;
  z-index: 4;
}

#child-11 {
  grid-row-start: 9;
  grid-row-end: col12-end;
  grid-column: span 5;
  /*background-color: #8C2E63;*/
  order: 11;
  z-index: 5;
}

#child-12 {
  grid-row-start: 9;
  grid-row-end: col12-end;
  grid-column: span 3;
  /*background-color: #74BECB;*/
  order: 12;
  z-index: 6;
}