Что не так?
<div class="container">
<div class="header">
<form name="form">
<div class="input-wrapper">
<img src="./images/search.png" alt="" />
<input type="text" />
<img src="./images/microphone.svg" alt="" />
</div>
</form>
<span class="not-colored">M</span>
<span class="not-colored word-end">y</span>
<span class="blue">G</span>
<span class="red">o</span>
<span class="yellow">o</span>
<span class="blue">g</span>
<span class="green">l</span>
<span class="red word-end">e</span>
<span class="not-colored">I</span>
<span class="not-colored">n</span>
<span class="not-colored">p</span>
<span class="not-colored">u</span>
<span class="not-colored">t</span>
</div>
</div>
</body>```
и в стилях:
```img {
max-width: 24px;
max-height: 24px;
}'''
Рез-т теста:
[upl-image-preview url=https://ru.coderslang.com/assets/files/2022-01-22/1642873259-181254-image.png]