#plants-container {
    width: 100%;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 50%);
    align-items: center;
}

.plant {
    width: 100%;
    text-align: center;
    transition: transform 0.4s ease;
    
}

.plant:hover {
    transform: scale(1.04);
}

.plant img {
    width: 100%;
    border: 3px solid var(--text-color-highlight);
}

.plant p {}

.plant-text {
    padding: 30px;
    height: 100%;
    width: 100%;
    border: 3px solid var(--text-color-highlight);
}