EnvironmentList.tsx

                    <List itemsPerRow={1}>
                        {selectedTeam!.environments.previews
                            .map(preview => (
                                <ListItem
                                    key={preview.key}
                                    className={ShipyardStyles.mb_30}
                                    onClick={() => console.log('select env', preview)}>
                                    <div className={styles.environmentListItemContent}>
                                        <h3 className={styles.environmentListItemHeader}>{preview.title}</h3>
                                        <img src="https://cloudbees.github.io/core-sandbox/core/environments/core-sandbox/assets/avatar-x128-5b0a88e9a48110fb6e940d570d5938304fdde7fd4259c0cba2670b7c5535291d.jpg" alt="Johnny Appleseed" className="w-24 h-24 rounded-pill pin-t-20 pin-r-20 absolute"/>
                                        <hr className={styles.environmentListItemHr}/>
                                    </div>

                                </ListItem>
                            ))}
                    </List>