Mauricio “Rockerfeler” Perera • 2 years ago
If you are using the bot's widget, you can modify the image with some JS and/or CSS. The bot's avatar in the widget retains the `alt` text of the bot's name, so you can use a selector like `img[alt="botName"]` to make adjustments. With something like this, you could even hide the original image and load a GIF:
```css
img[alt="botName"] {
visibility: hidden;
position: relative;
}
img[alt="botName"]::before {
content: url('your-gif-url.gif');
visibility: visible;
position: absolute;
top: 0;
left: 0;
}
```
With JS, it would be similar, except instead of hiding the image you would change its URL like this:
```javascript
const imagen = document.querySelector('img[alt="botName"]');
imagen.src = "your-gif-url.gif";
```