Why is my CSS not centring my image in the exact middle of the div?

Question

.left-div {
    position: relative;
    float: left;
    width: 50%;
    display: flex;
    flex-direction: column;
    align