.option {
  justify-content: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;  
}
.option-sec {
  padding: 30px;
  position: relative;

}
.option-sec img {
  width: 600px;
  position: relative;
  text-align: center;
}


.option::after{
  content: "";
  display: table;
  clear: both; 
}
.option-sec span {
  font-size: 30px;
  display: flex;
  width: 80%;
  position: absolute;
  bottom: 40px;
  padding-left: 15px;
  color: rgb(240, 243, 255); 
  background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(33, 25, 81, 1));
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1500px) {
  .option-sec span{
    font-size: 18px;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .option-sec img {
    width: 100%;    
    margin: 0;
  }
}

@media screen and (max-width: 420px){
  o
}