wip avatars again

client/assets/styles/game.css

@@ -297,6 +297,12 @@ CONSTRUCT DAMAGE
     height: 100%;
 }
 
+.game .avatar {
+    grid-area: avatar;
+    background: forestgreen;
+    width: 100%;
+}
+
 /*@keyframes rotate {
     0% {
         transform: rotateY(0deg);

client/src/components/game.construct.jsx

@@ -100,14 +100,9 @@ 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>
-            <figure
-                className="img"
-                onClick={() => selectSkillTarget(construct.id)} >
-                <ConstructAvatar name={construct.name} id={construct.id} />
-                {combatTextEl}
-            </figure>
             <div className="effects"> {effects} </div>
         </div>
     );