.res-logo {
  position: relative;
  width: auto;
  height: 2rem;
  aspect-ratio: 1;

  img {
    height: inherit;
    width: inherit;
    aspect-ratio: 1;
    object-fit: contain;
  }
}

.img- {
  &i {
    width: inherit;
    height: inherit;
  }

  &w-i {
    width: inherit;
  }

  &h-i {
    height: inherit;
  }

  &fit-contain {
    object-fit: contain;
  }

  &fit-cover {
    object-fit: cover;
  }

  &fit-fill {
    object-fit: fill;
  }

  &fit-scale-down {
    object-fit: scale-down;
  }

  &ar-1-1, &ar-1, &ar-square {
    aspect-ratio: 1 / 1;
  }

  &ar-16-9 {
    aspect-ratio: 16 / 9;
  }

  &ar-4-3 {
    aspect-ratio: 4 / 3;
  }

  &ar-3-2 {
    aspect-ratio: 3 / 2;
  }

  &w-full {
    width: 100%;
  }

  &w-auto {
    width: auto;
  }

  &h-full {
    height: 100%;
  }

  &h-auto {
    height: auto;
  }

  &center {
    object-position: center;
  }

  &top {
    object-position: top;
  }

  &bottom {
    object-position: bottom;
  }

  &rounded {
    border-radius: 8px;
  }

  &circle {
    border-radius: 50%;
  }

  &border {
    border: 1px solid #ccc;
  }

  &responsive {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.img- {
  &i {
    width: inherit;
    height: inherit;
  }

  &w-i {
    width: inherit;
  }

  &h-i {
    height: inherit;
  }

  &fit-contain {
    object-fit: contain;
  }

  &fit-cover {
    object-fit: cover;
  }

  &fit-fill {
    object-fit: fill;
  }

  &fit-scale-down {
    object-fit: scale-down;
  }

  &ar-1-1 {
    aspect-ratio: 1 / 1;
  }

  &ar-16-9 {
    aspect-ratio: 16 / 9;
  }

  &ar-4-3 {
    aspect-ratio: 4 / 3;
  }

  &ar-3-2 {
    aspect-ratio: 3 / 2;
  }

  &w-full {
    width: 100%;
  }

  &w-auto {
    width: auto;
  }

  &h-full {
    height: 100%;
  }

  &h-auto {
    height: auto;
  }

  &center {
    object-position: center;
  }

  &top {
    object-position: top;
  }

  &bottom {
    object-position: bottom;
  }

  &rounded {
    border-radius: 8px;
  }

  &circle {
    border-radius: 50%;
  }

  &border {
    border: 1px solid #ccc;
  }

  &responsive {
    max-width: 100%;
    height: auto;
    display: block;
  }
}