.mockup-result.snapchat {
    flex-direction: column;
    background: url("https://www.myclickguide.com/tools/images/my-click-guide-story-ad-mockup.png") no-repeat;
    min-height: 920px;
}
.snapchat .version-1 {
    height: fit-content;
    display: flex;
    position: relative;
    flex-direction: column;
    width: 440px;
    aspect-ratio: 9/16;
    padding-left: 8px;
}

.snapchat .version-1 .header {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: -10px 10px 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  color: white;
}

.snapchat .version-1 .header .lines {
  font-size: 15px;
}

.snapchat .version-1 .profile-pic {
  background-color: white;
  padding: 3px;
  margin-right: 5px;
}

.snapchat .version-1 .header .icons {
  display: flex;
  position: absolute;
  right: 10px;
  top: 50%;
  translate: 0 -50%;
  align-items: center;
  gap: 1em;
}


.snapchat .version-1 .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -35px;
}

.snapchat .version-1 .footer .call-to-action {
  background-color: white;
  color: black;
  padding: 0.5em 1em;
  border-radius: 16px;
  font-size: 1.2em;
}

.snapchat .version-1 .footer .arrow {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: 50px;
  rotate: 270deg;
}

.snapchat .version-1 .footer span {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 20px;
  color: white;
  font-size: 1.3em;
  font-weight: 800;
}

.snapchat .version-1 .image {
  aspect-ratio: 9/16;
}

.snapchat .version-1 .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top:-20px;
  border-radius: 5px 5px 0px 0px;
}

.snapchat .version-1 .image:has(img[src=""])::before {
  content: "9:16";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 3em;
  color: white;
}

.snapchat .version-1 .image:has(img[src=""]) img {
  display: none;
}

.snapchat .version-1 .image.margin {
  margin: 4em 1em 6em 1em;
  background-color: white;
  overflow: hidden;
}

.snapchat .version-1 .image.margin:has(img[src=""])::before {
  color: black;
}