Positioning text with absolute with responsiveness

.project-card {
    position: relative;
}

.project-card-title {
    position: absolute;
    z-index: 2;
    top: 0%;
    right: 7.5%;

    font-family: var(--ff-secondary);
    font-weight: var(--fw-bold);
}

.project-image {
    -webkit-mask-image: url('/assets/images/project-mask.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;

    mask-image: url('/assets/images/project-mask.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
}