vbox highlighting

client/src/components/game.construct.jsx

@@ -100,9 +100,8 @@ function GameConstruct(props) {
             className={`game-construct ${ko} ${classes}`} >
             <h3 className="name"> {construct.name} </h3>
             {crypSkills}
-            <div className="avatar"></div>
-            <div className="targeting"> {targeting} </div>
             <div className="stats"> {stats} </div>
+            <ConstructAvatar name={construct.name} id={construct.id} />
             <div className="effects"> {effects} </div>
         </div>
     );

client/src/utils.jsx

@@ -82,11 +82,10 @@ function clearAnimation(id) {
 class ConstructAvatar extends Component {
     render() {
         return (
-            <img
+            <div
+                className="avatar"
                 id={this.props.id}
-                src={`/molecules/${genAvatar(this.props.name)}.svg`}
-                height="500"
-                onError={event => event.target.setAttribute('src', '/molecules/726.svg')}
+                style={{'background-image': `url(/molecules/${genAvatar(this.props.name)}.svg)`}}
             />
         );
     }