.PS_number_cert_Hc-wrapper {
    padding: 50px 0;
    background-color: rgba(240, 234, 220, 1); 
    font-family: 'Clash Display', sans-serif;
  }

  .PS_number_cert_Hc-title {
    font-size: clamp(2.5rem, 1.9429rem + 2.2857vw, 4rem);
    font-weight: 500;
    color: rgba(44, 45, 45, 1);
    margin-bottom: 40px;

  }

.ST_PS_scroll_hc-btn.posi-rel{
	position: relative;
    bottom: auto;
    right: auto;
}

```html
<!-- Image Modal -->
<div class="modal fade" id="imageOnlyModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 bg-transparent">

            <!-- Close Button -->
            <button type="button"
                    class="btn-close position-absolute top-0 end-0 m-2 bg-white p-2 rounded-circle"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                    style="z-index: 10;">
            </button>

            <!-- Image Only -->
            <div class="modal-body p-0">
                <img src="images/popup-image.jpg"
                     alt="Popup Image"
                     class="img-fluid w-100 d-block">
            </div>

        </div>
    </div>
</div>

<!-- Bootstrap Trigger Button -->
<button type="button" class="btn btn-primary"
        data-bs-toggle="modal"
        data-bs-target="#imageOnlyModal">
    View Image
</button>


#imageOnlyModal .modal-dialog {
    max-width: 600px;
}

#imageOnlyModal .modal-content {
    overflow: hidden;
    border-radius: 8px;
}

#imageOnlyModal .modal-body img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 576px) {
    #imageOnlyModal .modal-dialog {
        margin: 15px;
    }
}