img.chakra-image[alt='Hero Logo'],
img.chakra-image[alt='Job Details Logo'] {
  max-height: 50px;
}

@media screen and (min-width: 30em) {
  img.chakra-image[alt='Hero Logo'],
  img.chakra-image[alt='Job Details Logo'] {
    height: auto;
		max-height: 90px;
		min-height: 40px;
		margin-bottom: 20px;
  }
	div:has(> img.chakra-image[alt='Hero Logo']) {
		align-items: baseline;
	}
}