JSFiddle - React, Tailwind, and code Playground

HTML

<div id="packagequestioninfo">
    <p class="packagereplies">Question</p>
    <p class="packagecomment">If you require <b>hosting</b> for your website, select your primary website and go to <b>Part II</b>. If you do not require hosting, please Checkout below. </p>
</div>

CSS

#packagequestioninfo {
	
	padding: 10px;
	background: #F2F7FA;
	border-radius: 0px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	
	}

#packagequestioninfo:hover {
	background-image:url(../img/index/body/ourproducts/light_blue_background_pattern.jpg);
	background-repeat:repeat;
	cursor: none;
	}
	
#packagequestioninfo .packagecomment {
	display: none;
	
}

#packagequestioninfo:hover .packagereplies {
	display: none;
	}
	
#packagequestioninfo:hover .packagecomment {
	display: inline;
}