/* BRICKS */

#left-bricks,
#right-bricks,
.bricks,
.left-border,
.right-border {
  box-sizing: border-box; /* Added to include padding and border in the width calculation */
}

#left-bricks,
#right-bricks {
  display: flex;
  width: 50%;
  height: 100vh;
  /* z-index: 499; */
  transition: transform 4s ease;
}
.bricks {
  flex-grow: 1;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: local;
  background-image: url("../static/bricks.png");
}

.left-border,
.right-border {
  width: 90px;
}

.left-border {
  background-image: url("../static/bricks_left.gif");
}
.right-border {
  background-image: url("../static/bricks_right.gif");
}