Editing Template:Hero card2Give feedback

<div class="HeroCard2" style="display:inline-block; border-radius: 2px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 0px 0px 20px #00000090; transition: 0.1s transform ease-in-out;">
<span>[[File:{{{Image|{{{name|Abrams}}}}}} card.png|132px|link={{{name|Abrams}}}]]</span>
<p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: serif; font-weight: bold; color: #FFEFD7; text-shadow: 0px 0px 8px black, 0px 0px 8px black, 0px 0px 8px black; font-size: {{{text-size|24}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; text-overflow: ellipsis; pointer-events: none;">{{{name|Abrams}}}</p>
<div style="display: {{#ifeq: {{{recommended|true}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Recommended icon backer.png| 64px|link={{{name|Abrams}}}]]
</div>
</div>
</div>

<noinclude>[[Category:Templates]]<templatedata>
{
	"params": {
		"Image": {
			"label": "Hero Portrait",
			"description": "If not set. The hero portrait will default to \"Name card.png\"",
			"type": "string"
		},
		"name": {
			"label": "Hero Name",
			"description": "Name of the hero. Also determines the wiki page",
			"type": "string",
			"suggestedvalues": [
				"Abrams"
			],
			"default": "Abrams"
		},
		"text-size": {
			"label": "Text Size",
			"description": "Default is 24px. Change if the hero name doesnt fit.",
			"type": "string",
			"suggestedvalues": [
				"24px"
			]
		},
		"recommended": {
			"label": "Recommended for new players",
			"description": "Is this hero recommended for new players?",
			"type": "boolean",
			"default": "false"
		}
	}
}
</templatedata></noinclude>