<div class="container">
    <h5>Quel type de jardin avez-vous ?</h5>
    <div class="row">
        <div class="col-md-4 col-sm-4">
            <div class="form-group">
                <button (click)="selectGarden(0)" [ngClass]="{'btn-trans' : selectedGarden!=0, '' : selectedGarden==0}" class="btn btn-success">
                    Jardin clos
                    <img style="margin: 0 auto" width="64px" src="assets/images/fence.png" id="btnA">
                </button>
                <button (click)="selectGarden(1)" [ngClass]="{'btn-trans' : selectedGarden!=1, '' : selectedGarden==1}"  class="btn btn-success">
                    Jardin ouvert
                    <img style="margin: 0 auto" width="64px" src="assets/images/field.png">
                </button>
                <button (click)="selectGarden(2)" [ngClass]="{'btn-trans' : selectedGarden!=2, '' : selectedGarden==2}" class="btn btn-success">
                    Pas de jardin
                    <img style="margin: 0 auto" width="64px" src="assets/images/error.png">
                </button>
            </div>
        </div>
    </div>
</div>