[Bug Report][3.5.3] V-Img and V-Avatar have display:none at all times

[ulfgebhardt]

Environment

Vuetify Version: 3.5.3
Last working version: 3.5.1
Vue Version: 3.4.16
Browsers: Chrome 121.0.0.0
OS: Linux x86_64

Steps to reproduce

Cannot display image without display: block !important;

<template>
  <v-avatar color="#333" class="ma-2 pa-1" :image="Logo" size="48" />
</template>

<script lang="ts" setup>
import Logo from '#assets/it4c-logo2-clean-bg_alpha-128x128.png'
</script>

<style lang="scss">
/* stylelint-disable-next-line selector-class-pattern */
.v-img__img {
  display: block !important;
}
</style>

I do not understand what to do in order to properly display an image without css hacks. The same behaviour applies to v-img.
This behaviour was introduced when updating from vuetify v3.5.1 to v3.5.3.
This might also be the reason for this bug (???): #18772

Related: #15678

Any help/advice?

As of discords advice Vue 3.4.16 is broken, use 3.4.15, I downgraded the vue version without success. The behaviour is the same.

Expected Behavior

Should properly display the image

Actual Behavior

Does not display the image due to a display:none mysteriously applied

Reproduction Link

IT4Change/boilerplate-frontend#75

[KaelWD]

#19191