/* ======================= */
/* BUCKET IMAGE            */
/* ======================= */

/* Default / desktop */
.home-section .bucket {
    position: relative;       /* remove absolute positioning */
    width: 240px;             /* fixed size */
    flex-shrink: 0;           /* prevents shrinking */
    margin: 0;
    z-index: 4;
}

.home-section .bucket img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tablet / medium screens (optional tweak) */
@media (min-width: 768px) and (max-width: 1023px) {
    .home-section .bucket {
        width: 200px;
    }
}

/* Mobile (unchanged layout) */
@media (max-width: 768px) {
    .home-section .bucket {
        position: relative;
        width: 45%;
        max-width: 140px;
        margin: -120px 0 0 auto;
    }

    .home-section .bucket img {
        width: 100%;
        height: auto;
        display: block;
    }
}