JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<img src="https://png.icons8.com/metro/40/000000/graduation-cap.png">
<input />
<img src="https://lh3.googleusercontent.com/-OX10v8tUiCY/AAAAAAAAAAI/AAAAAAAADE8/QcezYUDPvxU/s96-c/photo.jpg">
</div>

SCSS

.parent{
  display:flex;
  width:100%;
  height:40px;
  input{
    flex:1;
    &:focus + img{
        display: none;
      }
  }
  
  img{
    height:100%;
    max-height:100%;
    width:auto;
  }
}