.product-photo {
    position: relative;
    display: block;
}
.product-photo > .product-availability {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 2;
    display: block;
    width: 140px;
    max-width: calc(100% - 12px);
    height: auto;
    aspect-ratio: 1968 / 500;
    pointer-events: none;
}
.product-photo--detail > .product-availability {
    width: 140px;
    left: 8px;
    top: 8px;
    max-width: calc(100% - 16px);
}
@media (max-width: 767px) {
    .product-photo > .product-availability {
        width: 100px;
        left: 4px;
        top: 4px;
        max-width: calc(100% - 8px);
        text-transform: uppercase;
    }
    .product-photo--detail > .product-availability {
        width: 120px;
        left: 6px;
        top: 6px;
        max-width: calc(100% - 12px);
    }
}