/* Container for the layered images */
.layered-image-box {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* The larger background */
.base-img {
    display: block;
    width: 100%;
    height: auto;
}

/* The smaller centered image */
.top-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 75%; /* Adjust percentage as needed */
    height: auto;
}