.full-title {
  transition-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  transition-duration: 0.8s;
  transition: 0.5s;
}
.full-title div {
  flex-shrink: 0;
  overflow: hidden;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
  transition-duration: 1s;
}
.full-title .image-title {
  aspect-ratio: 122.54/95;
  width: 0;
  object-fit: cover;
  opacity: 0;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
  transition-property: opacity, width, padding, transform, flex-grow;
  transition-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  transition-duration: 0.8s;
  transition: 0.8s;
  object-fit: contain;
}
.full-title:hover .image-title {
  flex-grow: 0.4;
  opacity: 1;
  width: 50px;
  object-fit: contain;
  transition: 0.8s;
  filter: unset;
  border-radius: 200px;
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .full-title:hover .image-title {
    width: 100px;
    flex-grow: 0.5;
  }
}