.profile {
  background: var(--coldGradient);
  padding: 28px;
  display: flex;
  gap: 36px;
}

.profile:not(:first-child) {
  margin-top: 40px;
}

.profile__img {
  aspect-ratio: 1/1;
  width: calc(48% - 16px);
  align-self: flex-start;
  flex: 1;
}
.profile__img img {
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1 / 1) {
	.profile__img::before,
	.profile__img::after {
		content: "";
		display: table;
		clear: both;
		width: 1px;
		margin-left: -1px;
	}
	.profile__img::before {
		float: left;
		padding-bottom: 100%;
	}
}

.profile__content {
  flex: 1.1;
}

.profile__name, .profile__title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.67
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.profile__name {
  padding-bottom: 0;
}

.profile__title {
  padding-bottom: 12px;
}