Почему не позиционируется caption?

Question

[Skrolea]

Есть caption на картинке. В случае маленькой картинки(200х150) я хочу, чтобы caption появлялся справа от изображения -

И оно работает. В случае большой картинки, я хочу, чтобы надпись залезала не неё и располагалась там же где и при маленькой. Но получаю вот так

Что я упустил в коде?

.card-detail .card__img--full > h2
    {
        position: absolute; 
        background:#87d3a0;
        padding:1rem;    
      top:20px;
        left:25%;
        color:#fff;
        font-size:2rem;
        font-weight:200;

    }
    
    .card-detail .card__img--full > img {
        width: 100%;
position: relative; 	
    }

в Codepen работает

Ну т.е. я понимаю, что если работает в codepen, но не на сайте, значит что-то добавляется. Но можете ткнете свежим взглядом?

Comments

[alex]

кидайте ссылку на сайт

[Skrolea]

Да он на локале

[Skrolea]

Но вырезал html в codepen, уже сгенерированный. Из хрома прям