#banner-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    overflow: hidden;
}

.row {
    display: flex;
    width: 100%;
}

.row-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.column {
    flex: 1; /* Makes both columns split the row equally */
}

.column.left {
    padding: 30px; /* Adjust as needed */
    display: flex;
    align-items: center; /* Vertically centers content in the column */
    justify-content: center; /* Horizontally centers content (if needed) */
    flex-direction: column;
    padding-left: 4rem;
}

.column.right {
    display: flex;
    align-items: stretch;
    padding-right: 4rem;
}

#promo-img-cont {
    width: 100%; /* Makes image take full width of the column */
    height: auto; /* Keeps image aspect ratio */
    max-height: 100%; /* Limits image height to the column height */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}

#promo-img {
    object-fit: cover;
    width: 300px;
    z-index: 1;
}

#ad-banner-title {
    text-align: center;
    font-family: var(--font-1);
}

#ad-banner-subtext {
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--dark);
}

.qr-container {
	height: 60px;
	width: 60px;
	border-radius: 5px;
	overflow: hidden;
    border-width: 3px;
    border-color: black;
    border: solid;
    margin-left: 10px;
}

#background-img {
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;   
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 0;
}

.row-banner {
    position: relative;
}

.plants-cont {
    width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	pointer-events: none;
}

#plant-11-left {
    position: absolute; 
    left:-1.2rem; 
    z-index: 3; 
    height: 8rem;
}

#plant-13-left {
    position: absolute; 
    left:0rem; 
    z-index: 1; 
    height: 15rem;
}

#plant-25-left {
    position: absolute; 
    left:1.5rem; 
    z-index: 2; 
    height: 10rem;
}

#plant-11-right {
    position: absolute; 
    right:2.5rem; 
    z-index: 3; 
    height: 8rem;
}

#plant-13-right {
    position: absolute; 
    right:0rem; 
    z-index: 1; 
    height: 17rem;
}

#plant-25-right {
    position: absolute; 
    right:1.5rem; 
    z-index: 2; 
    height: 10rem;
}

/* Media query for screens smaller than 768px */
@media (max-width: 797px) {
    .row-banner {
        flex-direction: column; 
    }

    .column {
        width: 100%; /* Full width for each column */
    }

    #plant-11-left {
        height: 12rem;
    }
    
    #plant-13-left {
        height: 25rem;
    }
    
    #plant-25-left {
        height: 15rem;
    }
    
    #plant-11-right {
        height: 12rem;
    }
    
    #plant-13-right {
        height: 22rem;
    }
    
    #plant-25-right {
        height: 16rem;
    }

    .column.right {
        padding-right: 0px;
    }

    .column.left {
        padding-left: 30px;
    }

}

@media (max-width: 600px) {
    .plants-cont{
        display: none;
    }

    .qr-container {
        display: none;
    }
}