#root > .grid > .relative {
    width: 100%;
    max-width: none !important;
    overflow: visible !important;
}

/* Làm ảnh fit toàn bộ container mà không crop */
#root > .grid > .relative img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ẩn ảnh logo gốc */
img.logo {
    opacity: 0 !important;
}

/* Gắn logo mới vào container giữ logo */
.flex.justify-center.gap-2.md\:justify-start {
    position: relative !important;
}

.flex.justify-center.gap-2.md\:justify-start::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 244px;  /* chỉnh theo ảnh của bạn */
    height: 100px;  /* chỉnh theo ảnh của bạn */
    background-image: url("/public/Logo_BIC.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}