Form Screenshot HTML Inspect Code screenshot

I'm trying to access an element within a page. Cannot give out the exact page link owing to security concerns. I'm writing a python program that uses selenium to access the element first name in the screenshot shown above. The name is grayed out at first and whenever a user clicks on it, the text becomes black and can be edited.

The field simply does not seem to be visible to the program and the program fails with an element not found exception. I've used a wait method for the element to be visible but it just times out. I've tried waiting for it to be clickable, and I have tried injecting javascript to make the display style = block. None of this seems to work. I've researched extensively on StackOverflow and none of the options there seem to work for me. I spoke to the front-end developers and they tell me that apart from the div style display, there's nothing else they can think of because the element is visible in the DOM.

Does anybody know how I can access this element?

[Resolved] Turns out there was a javascript code that would change the DOM whenever another button was clicked. So, all I had to do was re-query the DOM and then the element was visible. Thanks very much to all those who took the time to answer this question.