Unable to duplicate appearance of page

Hi there,

I am trying to duplicate the type of page you see here. I have copied and pasted the same coding but the header simply won’t look the same.

<img class="partner-banner" src="https://kmss.ca/wp-content/uploads/2016/06/Barry-J.-Slusarchuk-Banner-400px.jpg" alt="Barry J. Slusarchuk, CPA, CA" data-object-fit="cover">
<script src="https://kmss.ca/wp-content/themes/kmss-schema/dist/object-fit-polyfill.js"></script>
<div class="partner-banner-text1">

When I replace the image to that of a different partner, the banner doesn’t fill up the top part of the page like this. It just simply inserts the header image – similar to what you see here: https://kmss.ca/our-team/partners/robert-finnigan

It seems that some sort of background coding is making the header look like that and I can’t seem to find out what to do in order for my new pages to follow suit.

• This topic was modified 5 years, 1 month ago by danielachorine.
• This topic was modified 5 years, 1 month ago by danielachorine.
• This topic was modified 5 years, 1 month ago by danielachorine.

The page I need help with: [log in to see the link]