
/* Container for absolute positioning */
.absolute-box-container {
    position: relative; /* Acts as the reference point for absolutely positioned elements */
    width: 300px; /* Fixed width for simplicity */
    height: 150px; /* Fixed height for consistency */
    margin: 0 auto; /* Center the container */
    background-color: #dcedc8; /* Light background for visibility */
}

/* Individual boxes with absolute positioning */
.absolute-box {
    position: absolute; /* Positioned absolutely within the container */
    background-color: #ffb74d; /* Simple background color */
    color: white; /* White text for contrast */
    width: 80px;
    height: 50px;
    display: flex; /* Align text center */
    justify-content: center; /* Center text horizontally */
    align-items: center; /* Center text vertically */
    transition: transform 0.3s ease; /* Smooth transition for scaling effect */
}

/* Hover effect for absolute boxes */
.absolute-box:hover {
    transform: scale(1.1); /* Scale up the box slightly on hover */
}
