Avatar

<div class="avatar">
  <div class="w-24 rounded">
    <img src="https://backends.it.ntnu.no/user-profile-service/rest/files/804c3d45-3fe7-369a-bda7-39f0ccbb0e75" />
  </div>
</div>

<div class="avatar">
  <div class="w-24 rounded-full">
    <img src="https://backends.it.ntnu.no/user-profile-service/rest/files/cba76f3a-91f1-354c-8a5b-70f0f1a2529c" />
  </div>
</div>

<div class="avatar avatar-placeholder">
    <div class="bg-neutral text-neutral-content w-24 rounded-full">
      <span class="text-3xl">D</span>
    </div>
  </div>
  <div>
    <div class="avatar avatar-online avatar-placeholder">
      <div class="bg-neutral text-neutral-content w-16 rounded-full">
        <span class="text-xl">AI</span>
      </div>
    </div>
  </div>
  <div class="avatar avatar-placeholder">
    <div class="bg-neutral text-neutral-content w-12 rounded-full">
      <span>SY</span>
    </div>
  </div>
  <div class="avatar avatar-placeholder">
    <div class="bg-neutral text-neutral-content w-8 rounded-full">
      <span class="text-xs">UI</span>
    </div>
  </div>