Make one class appear on another class hover
<p>Hello all I am trying to make a full-width bar of images, and when one image is hovered, I want text about that image to appear below the bar. So far I have the following html and css:</p>

<pre><code>&lt;div class="everything-container"&gt;
  &lt;div class="pic-container"&gt;
    &lt;img class="pic one" src="http://homeinspectioncarync.com/wp-content/uploads/2016/05/glenn-e1464714419457.jpg"&gt;
  &lt;/div&gt;
  &lt;div class="info-container"&gt;
    &lt;div class="name"&gt;
      &lt;p class="glenn name"&gt;Glenn&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="title"&gt;
      &lt;p class="glenn title"&gt;Part Owner/ Senior Inspector&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="bio"&gt;
      &lt;p class="glenn bio"&gt;My name is Glenn and I am amazing.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>



<pre><code>.everything-container {
  height: 500px;
  width: 100%;
  border: 2px solid black;
}
.pic-container {
  width: 100%;
  height: 100px;
  border: 2px solid green;
}
.info-container {
  width: 100%;
  height: 400px;
  border: 2px solid red;
}
.name {
  height: 400px;
  width: 25%;
  border: 2px solid yellow;
  float: left;
  text-align: center;
  font-size: 120%;
  font-family: "Open Sans";
  font-weight: bold;
  color: black;
}
.title {
  height: 400px;
  width: 20%;
  border: 2px solid blue;
  float: left;
  text-align: center;
  font-size: 90%;
  text-decoration: italic;
  color: grey;
  font-family: "Open Sans";
}
.bio {
  height: 400px;
  width: 55%;
  border: 2px solid orange;
  float: left;
  font-size: 100%;
  text-align: center;
  color: black;
  font-family: "Open Sans";
}
.pic {
  height: 100px;
  width: 100px;
  float: left;
}
</code></pre>

<p>I gave one of my images the class of "one" and when i hover it i want anything with a class of "glenn" to appear. Using .one:hover .glenn { <em>stuff</em> } did not work. Is this possible to do? Thank you!</p>