render() {
return (
- <picture>
+ <picture className="pictrs-image d-inline-block overflow-hidden">
<source srcSet={this.src("webp")} type="image/webp" />
<source srcSet={this.props.src} />
<source srcSet={this.src("jpg")} type="image/jpeg" />
<img
src={this.props.src}
alt={this.alt()}
+ title={this.alt()}
loading="lazy"
className={classNames({
"img-fluid": !this.props.icon && !this.props.iconOverlay,
"img-expanded slight-radius":
!this.props.thumbnail && !this.props.icon,
"img-blur": this.props.thumbnail && this.props.nsfw,
- "rounded-circle img-icon mr-2": this.props.icon,
- "ml-2 mb-0 rounded-circle avatar-overlay": this.props.iconOverlay,
+ "rounded-circle img-cover img-icon me-2": this.props.icon,
+ "ms-2 mb-0 rounded-circle img-cover avatar-overlay":
+ this.props.iconOverlay,
"avatar-pushup": this.props.pushup,
})}
/>