body {
  margin: 0px;
}

.flex-container-h {
  display: flex;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  margin: 0px;
  background-color: rgb(255, 255, 255);
}


.content-h {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch;
}

.title-h,
.body-h {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

.body-h {
  color: grey;
  margin: 0;
  text-align: left;
}

.title-h {
  font-weight: bold;
  color: black;
  margin: 0;
  text-align: left;
}


/* Renamed variables to end with -v */
.flex-container-v {
  display: flex;
  flex-direction: column;
  /* Set the flex direction to column for vertical display */
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  font-family: Arial, sans-serif;
  cursor: pointer;
}

.bg-blur-v {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  /* Added position relative for absolute positioning */
  overflow: hidden;

}

.image-h {
  object-fit: contain;
  height: 100%;
}


.image-v {
  display: block;
  object-fit: contain;
  width: 100%;
  /* Make the image take up the full width of its container */
  height: 100%;
  /* Make the image take up the full height of its container */
  position: absolute;
  /* Position the image absolutely within its container */
  top: 50%;
  /* Move the image 50% down from the top */
  left: 50%;
  /* Move the image 50% from the left */
  transform: translate(-50%, -50%);
  /* Center the image using translate */
}

.content-v {
}

.title-v,
.body-v {
  font-family: 'Helvetica', 'Arial', sans-serif;
  flex: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* Set flex direction to column for vertical display */
  align-items: start;
  justify-content: center;
}

.body-v {
  color: grey;
  margin: 0;
  text-align: left;
}

.title-v {
  font-weight: bold;
  color: black;
  margin: 0;
  text-align: left;
}

.icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  z-index: 999;
}

.xandr-adchoices{
  position: absolute;
  top: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0.65);
  z-index: 9999;
  width: '75px'
}