devstudent

в теории, без конкретного примера , можно было бы поставить родителю position:relative; а картинке absolute, bottom:10px; right:10px; max-width:100%; или поставить фоном с позиционированием справа внизу

.dropmenu {
   /*display: flex;*/
  width: 50%;
  display: table;
}

.dropmenu li {  
    margin: 0 30px;
    position: relative;
  /*border:1px solid red;*/
  display:table-cell;
}

.dropmenu li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4ec7e5;
    border-radius: 50%;
    top: 5px;
    left: 50%;
}

<div class="carte">
   <div class="overlay">
	<div class="carte__item">
	  <p> gojgiojirogjioegjeiogj gojgiojirogjioegjeiogj
	  </p>
	  </div>
	 <div class="carte__item">
	   <p> gojgiojirogjioegjeiogj gojgiojirogjioegjeiogj
	  </p>
	  </div>
  </div>
  <div class="overlay">
	 <div class="carte__item">
	  <p> gojgiojirogjioegjeiogj  
	  </p>
	  </div>
	 <div class="carte__item">
	  <p> gojgiojirogjioegjeiogj gojgiojirogjioegjeiogj gojgiojirogjioegjeiogj gojgiojirogjioegjeiogj
	  </p>
	  </div>
  </div>
</div>

@use postcss-nested;
@use cssnext;
.carte{
  width: 440px;
  text-align: center;
  vertical-align: bottom;
  font-size:0;
  &__item{
    width: 90%;
   font-size:20px;
   background:gray;
   display:inline-block;
   margin:20px auto 5px;
  }
}
.overlay {
  width: 50%;
  position: relative;
  display: block;
  float: left;
}

надо сделать обертку для каждого столбца контента

я думаю, что это стандартный текст и чтобы его убрать, нужно убрать паттерн ввода и написать скрпит для проверки данных и выдачи нужного сообщения , там может быть хоть фотогалерея вместо текста

задавайте параметры прозрачности отдельно для каждого свойства: цвета фона, цвета бордера и цвета тени в формате rgba()