Lily effect html

                <div class="grid">
                    <figure class="effect-lily">
                        <img src="img/12.jpg" alt="img12"/>
                        <figcaption>
                            <div>
                                <h2>Nice <span>Lily</span></h2>
                                <p>Lily likes to play with crayons and pencils</p>
                            </div>
                            <a href="#">View more</a>
                        </figcaption>
                    </figure>
                    <figure class="effect-lily">
                        <img src="img/1.jpg" alt="img1"/>
                        <figcaption>
                            <div>
                                <h2>Nice <span>Lily</span></h2>
                                <p>Lily likes to play with crayons and pencils</p>
                            </div>
                            <a href="#">View more</a>
                        </figcaption>
                    </figure>
                </div>