Pop up from clicking image

[MenuBubble]

Hello,

Can someone please help me figure out how to make a popup show when an image is clicked, please! Any code recommendations would be appreciated!

Code:
<div class="container">
<h2 class="text-center">This Week's Meals</h2>
<hr />
<div class="row">
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/new_meal_480x480.jpg?v=1613074940" alt="" /><br />
<div class="card-body">
<h5 class="card-title text-center">Jambalaya</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">New Orleans inspired dish with sautéed chicken and andouille sausage, rice and vegetables.</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/marinated_tofu_480x480.png?v=1613074766" alt="" /><br />
<div class="card-body">
<h5 class="card-title text-center">Marinated Tofu w/ Vegan "Egg" Fried Rice</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">Marinated spicy tofu over long-grain vegetable fried rice.</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/taco_bowl_480x480.png?v=1613074719" alt="" /><br />
<div class="card-body">
<h5 class="card-title text-center">Sweet Chili Taco Bowl</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">We took a bed of rice and topped it with ground beef, black beans, corn and cheese to create a nutrient-packed healthy meal. For extra yum we tossed in a creamy, delicious Greek yogurt chili sauce.</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/Coconut_Chicken_480x480.png?v=1613074779" alt="" /><br />
<div class="card-body">
<h5 class="card-title text-center">Coconut Chicken and Rose Petal Basmati</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">Tender chunks of chicken in a creamy coconut sauce served w/ fresh snow peas &amp; basmati infused with fresh orange peel and rose petals. Sound exotic? It is *whisper*</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/Chicken_Shwarma_480x480.png?v=1613074815" alt="" /><br />
<div class="card-body">
<h5 class="card-title text-center">Chicken Shawarma w/ Tomato-Turmeric Rice &amp; Pickled Vegetables</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">Middle-eastern style roasted Chicken Shawarma with a side of well-seasoned tomato-turmeric rice and pickled vegetables.</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 box-shadow"><img src="https://cdn.shopify.com/s/files/1/0054/5423/3715/files/beef_bulgogi_480x480.png?v=1613165585" alt="Beef Bulgogi with Sesame Spinach" /><br />
<div class="card-body">
<h5 class="card-title text-center">Beef Bulgogi w/ Sesame Spinach</h5>
<h6 class="card-subtitle mb-2 text-muted text-center">Sweet and savory beef over a fluffy bed of white rice, paired with a hearty spinach side dish.</h6>
<p class="card-text"> </p>
</div>
</div>
</div>
</div>
</div>

Website: https://www.menububble.com/pages/weekly-menu

[KetanKumar]

@MenuBubble 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

do you need a link to the product page? it's possible to some custom code can you please add me on staff account so i will set this 

[MenuBubble]

Hello,

It isnt a product page, its just images. We are currently using a 3rd party platform for sales. 
Im just trying to figure out how instead of going to a different site when the site is clicked, it just triggers a pop-up.

Site: https://www.menububble.com/pages/weekly-menu