Hidden img - RWD

Hello All,

I have a problem with img on my website.
On normal screen the img is visible, because I want. But on phone I would like to hide this img.
I try a lot of codes with d-none, hidden-xs-down, etc, but without positive result.
Please look at my code (now is without above commands):
https://codepen.io/krzysztof_kozlowski/pen/yPNxXV

Below you can see the effect:

Please help me, I am still looking for the solution, but the time is up…
Thank you in advance

Best regards
Krzysztof

@media screen and (max-width: 450px) {
  .photo {
    display: none;
  }
}

Media queries are used to show different formatting on different screen sizes.
Although bootstrap might have some clever class for it, so maybe you want to do some further digging.