Opacity on flipcards

I cannot trace and remove the opacity effect on the flipcards section I added. The section is independent in index-corporate-4.html after the first section containing the flipcards.html section code. And I cannot get rid of the opacity effect on the front OR back of cards. I have used an image url tag for the background of the card front. I have stylesheets linked as needed for both html files. Can you help? (the back of the cards have same code as well). I need help to trace the markup for opacity.

<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div class="row grid-container" data-layout="masonry" style="overflow: visible">
<div class="col-lg-4 mb-4">
<div class="flip-card text-center">
<div class="flip-card-front dark" style="background-image: url('images/image.jpg')">
<div class="flip-card-inner">
<div class="card nobg noborder text-center">
<div class="card-body">
<!--<i class="icon-line2-camera h1"></i>-->
<h3 class="card-title">Title here</h3>
<p class="card-text t400">Touch to see detail</p>
</div></div></div></div>

Thank you, I resolved by using a different page.