How to hide overflowing height of Image over Span element using CSS in ASP.Net

         <style type="text/css">
          .mygallery
           {
              width:33%;
              overflow:hidden
           }
          </style>

<asp:Repeater ID="Repeater1" runat="server" >
    <ItemTemplate>
      <span class="justifiedGallery" style="height:400px" itemscope="itemscope">    
        <asp:Image ID="Image3" Text='<%#Eval("ImageName")%>' runat="server" src='<%#getSRCDD(Container.DataItem)%>  ' class="mygallery" style=" "  alt="" data-aria-label-part="" ImageUrl='<%# ("../UserImage/") %>' ImageAlign="Right" BorderStyle="Solid" />
      </span>
    </ItemTemplate>
</asp:Repeater>