Prevent Image from copying and dragging using CSS

Hi,

Please refer below code.

HTML

<asp:DataList ID="dlImages" runat="server">
    <HeaderTemplate>
        <table>
            <tr>
                <td>
                    Id
                </td>
                <td>
                    Name
                </td>
                <td>
                    Image
                </td>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <%# Eval("Id") %>
            </td>
            <td>
                <%# Eval("Name") %></b>
            </td>
            <td>
                <asp:Image ImageUrl='<%#Eval("Image") %>' draggable="false" runat="server" Width="50px"
                    Height="50px" Style="pointer-events: none;" />
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:DataList>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Image") });
        dt.Rows.Add(1, "Chrysanthemum", "~/Chrysanthemum.jpg");
        dt.Rows.Add(2, "Hydrangeas", "~/Hydrangeas.jpg");
        dt.Rows.Add(3, "Jellyfish", "~/Jellyfish.jpg");
        dt.Rows.Add(4, "Tulips", "~/Tulips.jpg");
        dlImages.DataSource = dt;
        dlImages.DataBind();
    }
}

I hope this will help you out.