valign and columns

I am trying to vertically align images within a column. However, when I get the valign working like this:

<div class="container">
         <div class="row valign-wrapper">
              <div class="col s12 l4">
                    <p class="white-text flow-text center-align">Some text</p>
              </div>
              <div class="col s12 l8">
                    <div class="center-align">
                         <img class="responsive-img valign" src="pictures/picture.jpg">
                     </div>
              </div>
       </div>
</div>

The columns cease to work – no matter what size there’s always two columns. I’ve tried separating the valign wrapper into its own div, placing it in the column div, all with no avail.

[kirtan403]

Anyone made this work?

[FelisPhasma]

Same problem. How have you all handled it? @buzzb0x @famagusta @sakulstra @jjalonso @steelcowboy