render() {
      return (
        <ViroNode onClick={this._onCardClick} {...this.props}>
          {/* Info Card */}
          <ViroImage
            transformBehaviors={["billboard"]}
            width={1}
            height={1}
            opacity={1.0}
            scale={[0.5, 0.5, 0.5]}
            source={infoIconImage}
            animation={{ name:this.state.iconCardAnimation,
                         run : this.state.runIconCardAnimation,
                         loop:false,
                         onFinish:this._animateIconCardFinished }}/>

          {/* Content Card*/}
          <ViroNode scale={[this.props.contentCardScale[0], this.props.contentCardScale[1], this.props.contentCardScale[2]]}
                    transformBehaviors={["billboard"]}>
            <ViroImage
              width={1}
              height={1}
              opacity={0.0}
              scale={[.1,.1,.1]}
              source={this.props.content}
              animation={{ name:this.state.contentCardAnimation,
                           run : this.state.runInfoCardAnimation,
                           loop:false,
                           onFinish:this._animateContentCardFinished }}/>
          </ViroNode>
        </ViroNode>
      );
    }
Displays either an Icon Card or a Content Card. The Icon Card is displayed by default
until the user does click it (_onCardClick). We then animate the Icon Card out, and the Content
Card in, and vice versa if the user clicks on it again.